0
422
ViewsEl código de Visual Studio cambia el formato (React-JSX)
Tengo el siguiente fragmento en mi index.js
class App extends Component { render() { return ( <div style = { styles.app } > Welcome to React! </div> ) } }
El código funciona, pero cada vez que guardo (ctrl+s) visual studio formatee el jsx así:
class App extends Component { render() { return ( < div style = { styles.app } > Welcome to React! < /div> ) } }¿Como puedo resolver esto? Gracias
3 answers
Answer question0
Al final, lo que funcionó fue cambiar el formato de archivo de JavaScript a JavaScript React en la barra de herramientas inferior. Lo estoy publicando aquí para referencia futura ya que no encontré ninguna documentación sobre este tema.
Además de lo anterior. Si hace clic en 'Configurar asociación de archivos para .js', puede configurar todos los archivos .js en Javascript React
0
cambie la configuración de preferencias de vscode> configuración de usuario a continuación:
"files.associations": { "*.js":"javascriptreact" }0
Puede evitar que VSC formatee incorrectamente su JSX agregando una asociación en su configuración.json
Code > Preferences > Settings
En la ventana de configuración, busque asociaciones , haga clic en editar en settings.json y luego agregue:
"files.associations": { "*.js": "javascriptreact" }