Wie kann man jsx-Code in .js-Dateien in VSCode auskommentieren?

Sie können JSX mit {/ ** /} auskommentieren.

Beispiel:

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

und dann wurde Component2 auskommentiert

Versuchen Sie, alle Plugins zu deaktivieren, da sie das Verhalten des Editors ändern können. Zum Beispiel, wenn Sie Babel ES6/ES7 plugin verwenden, Kommentare des Editors .jsx durch // anstelle von {/* Sie sehen die Ausgabe hier .

Die Tastaturbefehle ... 

Ctrl + / - Windows & Linux
Cmd + / - MacOS 

... funktionieren nun wie erwartet für Einzelzeilen- und Blockcode, indem Sie {/* */} um die ausgewählten Zeilen hinzufügen.

Wurde behoben in den letzten Insiders Builds von Visual Studio Code und wird in die nächste vollständige Version aufgenommen.

In Visual Studio code Drücken Sie Cmd + /, wenn Sie auf einem Mac oder einem Ort laufen 

{/* Your Code */}

Vielen Dank.

{/*dies funktioniert, aber nur eine Zeile * /}

Wenn Sie den JSX-Syntaxblock kommentieren möchten, können Sie dies tun

{
  /* <section>
     <header><h3>Contact Form</h3></header>
     <figure>
       <Form />
     </figure>
   </section> */
}

Das funktioniert auch

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

Momentan könnte dies in Visual Studio-Code durch Drücken der Kombination - Umschalt + Alt + A und Kommentieren des "jsx" -Codes geschehen, der erzeugt wird - {/ ** /} Kommentare.

Wenn wir standardmäßig cmd + / drücken, macht vs code einzeilige Kommentare, die nicht für JSX gelten. Installieren Sie einfach die unten stehende vs-Code-Erweiterung.

vscode-language-babel

In React "{}" können wir JavaScript-Ausdrücke verwenden, um die Art und Weise zu kommentieren, die wir in JavaScript machen. 

Beispiel: 

{/* multi 
line 
comment 
*/}

{// single line comment
}

Ich hatte das gleiche Problem, bis ich die Dateisprache in TypeScript React (typescriptreact) konvertierte.

Wenn Sie dies als Sprache für alle .js-Dateien konfigurieren möchten, fügen Sie dies Ihrer settings.json hinzu (entweder global oder auf Projektebene in /.vscode/settings.json).

"files.associations": {
    "*.js": "typescriptreact"
  }