如何在渲染 <div> 中进行评论

Question

我在 React+Webpack 项目中用// 标记了评论，但是被注释掉的行无论如何都会在 HTML 中呈现。如果没有这种意外的副作用，我不能发誓我以前做过这个。我不记得我在设置中更改的任何可能导致此问题的内容。想法？

    import React from 'react';
import AppBar from 'material-ui/lib/app-bar';
import NavigationClose from 'material-ui/lib/svg-icons/navigation/close';
import IconButton from 'material-ui/lib/icon-button';
import MenuItem from 'material-ui/lib/menus/menu-item';
import IconMenu from 'material-ui/lib/menus/icon-menu';
import MoreVert from 'material-ui/lib/svg-icons/navigation/more-vert';




export default class Header extends React.Component {

  render() {
    return <div>
// <h2>This is header</h2>
      <AppBar
        title="Elite Global"
        //iconElementLeft={<IconButton><NavigationClose /></IconButton>}
        iconElementRight={
          <IconMenu iconButtonElement={
              <IconButton><MoreVert /></IconButton>
            }>
            <MenuItem primaryText="Refresh" />
            <MenuItem primaryText="Help" />
            <MenuItem primaryText="Sign out" />
          </IconMenu>
        } />
      </div>
    }
  }



import React from 'react';
import Header from './header.jsx';


export default () => {
  return <div>
<Header />
  </div>
}

Answer 1

你可以这样评论：

render() {
  return (
    <div>
      {
        //<div>stuff</div>
      }

      {/*<div>stuff</div>*/}
    </div>
  );
}