How to comment jsx code out in .js files in VSCode

Question

Unlike in webstorm, I'm unable to comment jsx code out in .js files in Visual Studio Code.

Answer 1

This also works

{
  //this.props.user.profileImage
  //? <img
  //    src={ this.props.user.profileImage }!
  //    alt=""
  //  />
  //: <FontAwesome name='smile-o' />
}

Answer 2

Currently in Visual studio code it could be done by pressing combination - Shift+Alt+A and comment "jsx" code it produces - {/**/} comments.

Answer 3

In Visual Studio code Hit Cmd + / if you are running on mac or place

{/* Your Code */}

Thank you.

Answer 4

Try to disable all plugins, because they can change editor's behaviour. For example if use Babel ES6/ES7 plugin, editor comments .jsx syntax by // instead of {/*. You see see the issue here.

Answer 5

{/* this works, but only single line */}

Answer 6

You can comment out JSX by {/**/}

Example :

render() {
  return (
    <div>
      <Component1 />
      {/* <Component2 /> */}
    </div>
  )
}

and then Component2 would be commented out