react中如何注释?

react中如何注释?下面本篇文章给大家介绍一下react中注释的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

react中如何注释?

React代码中的注释和javascript代码中的多行注释类似,但有时需要使用花括号包裹。

JSX 语言是JS 和 html结合,所有注释方式如下:

var content = (
    <Nav>
        {/* 一般注释, 用 {} 包围 */}
        <Person
        /* 多
            行
            注释 */
        name={window.isLoggedIn ? window.name : ''} // 行尾注释
        />
    </Nav>
);

JSX 里添加注释很容易它们只是 JS 表达式而已。你只需要在一个标签的子节点内(非最外层)用 {} 包围要注释的部分。

在标签节点以外注释和通常的注释是一样的,多行用“/**/”,单行用“//”。

ReactDOM.render(
/*注释*/      标签外部不适用花括号
<h2>{/*注释*/}</h2>   标签内部要适用花括号
,document.getElementById('example'));

注释问题:

1、在标签内部的注释一般用 {/* */}。

2、在标签外的的注释不能使用花括号,多行用“/**/”,单行用“//”。

更多web前端开发知识,请查阅 HTML中文网 !!

以上就是react中如何注释?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » React 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏