React code on .mdファイルにインデントされたコメント

Question

私は、reactstrapについての少しわかりにくいことを.mdファイルに書いています。 いくつかの場所では、コードブロック内にいくつかのコメントを挿入する必要がありますが、コードまたは単純なテキストとして表示されます。私はGitLabに書いているのです。

例： const Hero = styled(Container)` // your styles ` そして

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

助けてください。 Thx

Answer 1

JSXはJSまたはHTMLコメント形式をサポートしておらず、 独自の形式を持っていません。ただし、中括弧を使用して、プレーンJSを書くことができ、かつ内部のJSのブロックコメントを使用します。私はた.mdファイルを書いていると私はコメントが必要であることを

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>