Commentaire indenté sur le code React pour le fichier .md

Question

J'écris un peu de tuts sur reactstrap sur un fichier .md. Dans certains endroits, j'ai besoin d'insérer des commentaires à l'intérieur des blocs de code, mais il est affiché sous forme de code ou de texte simple. Je précise que j'écris sur GitLab.

Exemple: const Hero = styled(Container)` // your styles ` Et

export default class MyComponent extends Component { 
    render(){ 
     return(
      <Table> 
       // with 30 table rows 
       … 
       <tr>...</tr> // row number 23 
       … 
      </Table> 
     ) 
    } 
} 
``` 

S'il vous plaît aider. Thx

Answer 1

JSX ne prend pas en charge le format de commentaires JS ou HTML et ne possède pas le format . Cependant, vous pouvez écrire JS plaine en utilisant les accolades, et utiliser les commentaires de bloc JS intérieur:

class MyComponent extends React.Component { 
 
    render(){ 
 
     return(
 
      <div> 
 
       { /* I'm a comment, and won't be rendered */ } 
 
       <p>Content</p> 
 
      </div> 
 
     ) 
 
    } 
 
} 
 

 
ReactDOM.render(
 
    <MyComponent />, 
 
    demo 
 
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script> 
 

 
<div id="demo"></div>