¿por que la función lleva paréntesis en lugar de llaves ? <code>const Helloworld = ()=>( <h1> Hola Mundo </h1> ); ``` ...

Ever Alfredo Sorto Ayala

Pregunta

student•hace 5 años

¿por que la función lleva paréntesis en lugar de llaves ?

const Helloworld = ()=>(
    <h1> Hola Mundo </h1>
); ```

Mario Eduardo Contreras Serrano

student•hace 4 años

Dentro de Llaves {} va JS, y dentro de Paréntesis () va HTML.

Ever Alfredo Sorto Ayala

student•hace 5 años

tenia la duda, por que me pareció similar a la forma en que las funciones flecha devuelven un objeto, de hecho todavía me cuesta distinguirlas

Bernardo Ayala Montezuma

student•hace 5 años

¡Hola Eversoto! Espero que estés genial.

Eso se conoce como un return explícito. Las arrow funcion te permite ahorrar las llaves y la palabra

return

utilizando paréntesis de la forma en la que nos compartiste si no necesitas agregar ninguna lógica previa a lo que quieres retornar.

En este caso estás devolviendo una etiqueta de HTML nada más, por lo que puedes hacerlo perfectamente.

Es totalmente equivalente escribir esa función así:

const Helloworld = () => {
  return (
    <h1>Hola Mundo</h1>
  )
};

Curso Práctico de React JS