{React jsx babel es6 webpack}我如何评论渲染(return(// ||/**/))？

Question

我上周开始了一个项目.在回到我的团队之前,我想评论我的代码.

/* Just for the Syntax outlook */

class Foo extends React.Components {
  constructor(props) {
    super(props);  
  }
  
  render() {
    return (
    
      <div className='bar'>
        
        /*
          <p> cannot commit!!!! </p>
          
          ** Following will throw error when bundled with webpack 
        */
        
        // This throws error as well. 
      
      <div>
    )
  }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>

代码可能看起来像评论工作,但目前的JSbin设置没有在ES6上设置.当您使用jsx通过webpack运行捆绑它时会抛出错误.

以下是以下堆栈

• 节点v6.0.0
• 反应ES6 JSX Babel
• Bundler Webpack

顺便说一句,因为Node v6已经出局了,我们还需要使用babel吗？

Answer 1

你可以在jsx中发表评论,但你需要用大括号包装它 -

{/* A JSX comment */}

{/* 
  Multi
  line
  comment
*/} 

请参阅React文档