使用babel后,如何注释 jsx 中的 html?

用 js 的//注释失败,//被当做字符打在了屏幕上。
目前发现用{/**/}可以注释,这样就相当于把这段 HTML 先当做 js,再注释掉。
有更好的方式吗?

阅读 7.3k
1 个回答

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

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

参考自:深入理解JSX

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏