{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経由でバンドルを実行すると、エラーがスローされます。ここで

は、次のスタック

• ノード5月v6.0.0
• はノードV6が出ているので、我々はまだする必要がありますか、ところで
• バンドラーのWebPACK

ES6 JSXバベルが反応しますバベルを使用しますか？

Answer 1

あなたはJSXにコメントすることができますが、中括弧でラップする必要があります - あなたは `React.Components`なく` React.Componentを使用しているので、

{/* A JSX comment */} 

{/* 
    Multi 
    line 
    comment 
*/} 

the React docs