我在.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
答案 0 :(得分:2)
JSX不支持JS或HTML评论格式,并且不支持 拥有它自己的格式。但是,您可以使用花括号编写纯JS,并在其中使用JS块注释:
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;