Question

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

＆＃13;

/* 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>
    )
  }
}

＆＃13;

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

＆＃13;

代码可能看似评论正在运行，但当前的JSbin设置未在ES6上设置。当您使用jsx通过webpack运行捆绑它时会抛出错误。

以下是以下堆栈

Node v6.0.0
React ES6 JSX Babel
Bundler Webpack

不过，因为Node v6已经出局了，我们还需要使用babel吗？

Answer 1

您可以在jsx中进行评论，但需要将其用大括号括起来 -

{/* A JSX comment */}

{/* 
  Multi
  line
  comment
*/}

请参阅the React docs

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

1 个答案: