Tengo un error en este array.map() y no puedo entender cuál es el problema
const Websiteviewer = ({ web, content, styles, design }) => { const test = ['1' , '2'] return ( {test.map(item => { console.log(item); } )} ) } export default Websiteviewereste es el componente de reacción y tengo este siguiente error ->
[{ "recurso": "/c:/ruta/WebsiteViewer.js", "propietario": "mecanografiado", "código": "1005", "gravedad": 8, "mensaje": "',' esperado. ", "fuente": "ts", "startLineNumber": 18, "startColumn": 12, "endLineNumber": 18, "endColumn": 13 }]
si tienes alguna idea de como solucionar esto. Gracias
No es una buena práctica registrar valor dentro de la sintaxis JSX. Pero puede evitar su error de sintaxis como este
const Websiteviewer = ({ web, content, styles, design }) => { const test = ["1", "2"]; return ( <> {test.map((item) => { console.log(item); })} </> ); }; export default WebsiteviewerDevuelva su elemento dentro de un fragmento o un div, ya que solo puede devolver JSX en archivos JSX. Sin embargo, registrar el valor dentro del retorno de JSX es un mal enfoque.
const Websiteviewer = ({ web, content, styles, design }) => { const test = ["1", "2"]; return ( <> {test.map((item) => { console.log(item); })} </> ); }; export default Websiteviewer