reactjs - vscode - visual studio code react extensions




¿Cómo comentar el código jsx en archivos.js en VSCode? (8)

A diferencia de la tormenta web, no puedo comentar el código jsx en archivos .js en Visual Studio Code.


Actualmente, en el código de Visual Studio, se puede hacer presionando la combinación - Mayús + Alt + A y comentar el código "jsx" que produce - {/ ** /} comentarios.


En React "{}" nos permite usar Expresiones de JavaScript, para que podamos comentar como lo hacemos en JavaScript.

Ejemplo:

{/* multi 
line 
comment 
*/}

{// single line comment
}

Esto tambien funciona

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

Intente deshabilitar todos los complementos, ya que pueden cambiar el comportamiento del editor. Por ejemplo, si usa el complemento Babel ES6 / ES7 , el editor comenta la sintaxis .jsx por // lugar de {/* . Puedes ver el problema here .


Puede comentar JSX por {/ ** /}

Ejemplo:

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

y luego Component2 sería comentado


Si desea comentar el bloque de sintaxis JSX, puede hacerlo así

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

Tuve el mismo problema hasta que convertí el idioma del archivo a Typecript React (typescriptreact).

Si desea configurar esto como el idioma para todos los archivos .js, agréguelo a su settings.json (globalmente o en un nivel de proyecto en /.vscode/settings.json).

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

{/ * esto funciona, pero solo una línea * /}





jsx