Estaba editando un archivo javascript, y cuando escribí: p{Hello}
esperaba que se convirtiera en <p>Hello</p>
.Pero parece que no sucede. ¿Hay algo más que deba hacer para configurar esta extensión en VS Code para que funcione? El código se da a continuación.
import React, { Component } from "react"; const ArrowHeader = () => { return( p{Hello} ) } class App extends Component { render() { return ( <div className="App"> <h1>Hello Scaler</h1> </div> ); } } export default App;
p{Hello} no es un componente. si desea mostrar <p>Hello</p>
, debe crear un componente personalizado.
En realidad, el problema no es con la extensión ES7, pero emmet no se configuró con archivos javascript, funciona bien después de agregar javascript como lenguaje para emmet.
-Intenta agregar esto a tu archivo settings.json:
"emmet.includeLanguages": { "javascript": "javascriptreact" }
-Si no desea esa configuración, puede cambiarla manualmente a cada archivo Modo de idioma a JavaScript Reaccionar:
Con el archivo .js abierto, haga clic en el Selector de modo de idioma: Selector de modo de idioma
Busque JavaScript React (o JSX): seleccione JavaScript React
Compruebe si se aplicó correctamente: Modo JSX aplicado