缩写注释.md文件的React代码

时间:2017-10-07 18:43:23

标签: reactjs comments gitlab markdown

我在.md文件上写了一些关于reactstrap的小窍门。 在某些地方,我需要在代码块中插入一些注释,但它显示为代码或简单文本。我确切地说我正在写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

1 个答案:

答案 0 :(得分:2)

JSX不支持JS或HTML评论格式,并且不支持 拥有它自己的格式。但是,您可以使用花括号编写纯JS,并在其中使用JS块注释:

&#13;
&#13;
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
);
&#13;
<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>
&#13;
&#13;
&#13;