Utilizo el fragmento de código rafce React en VS Code para generar una función de flecha React mientras sigo un tutorial. En el tutorial, el código generado por el acceso directo se ve así:

 import React from 'react'; const PostWidget = () => { return ( <div> </div> ) }; export default PostWidget;

Mientras que cuando uso el fragmento (concedido que esto es unos meses después de que se haya publicado el tutorial), obtengo una versión sin paréntesis después de la return :

 import React from 'react'; const PostWidget = () => { return <div></div>; }; export default PostWidget;

Por supuesto, el código no se rompe si lo dejo solo o simplemente pongo algo de texto en el div allí. Pero si traigo la primera etiqueta div a su propia línea y trato de alinearlos así...

 const PostWidget = () => { return <div> PostWidget </div>; };

Recibo un mensaje de VS Code sobre "código inalcanzable" y la aplicación se rompe. Ni siquiera sé qué buscar en wikis de JavaScript, etc. para ver qué está pasando aquí, ¿a alguien le importaría explicárselo a un novato de JS? Gracias de antemano.