El componente funcional es una forma de crear componentes en una aplicación React. Los componentes funcionales de React.js ayudan a crear componentes de interfaz de usuario de una manera funcional y más concisa. En este artículo, aprenderemos sobre los componentes funcionales en React, las diferentes formas de llamar al componente funcional y también aprenderemos cómo crear los componentes funcionales. También demostraremos el uso de ganchos en componentes funcionales.

Tabla de contenidos

• Componentes funcionales en React:
• Formas de llamar al componente funcional:
• Problema con el uso de componentes funcionales.
• Ventaja de utilizar ganchos en componentes funcionales.

Componentes funcionales en React:

Componentes funcionales de ReactJS son algunos de los componentes más comunes que se encontrarán al trabajar en React. Estas son simplemente funciones de JavaScript. Podemos crear un componente funcional en React escribiendo una función de JavaScript. Estas funciones pueden o no recibir datos como parámetros. En los componentes funcionales, el valor de retorno es el código JSX para representar en el árbol DOM.

Formas de llamar al componente funcional:

Podemos llamar a las funciones en javaScript de otras formas de la siguiente manera:

1. Llame a la función utilizando el nombre de la función seguido de los paréntesis.

// Example of Calling the function with function name followed by Parentheses function Parentheses() {  return (; }; const PropsExample = () =>{ // const [cambiar, establecerCambio] = useState(verdadero);  const [cambiar, establecerCambio] = useState(false);  return ( setChange(!change)}> ¡Haga clic aquí! {cambiar? ( 'Bienvenido a techcodeview.com' /> ) : ( 'Un portal de informática para geeks' /> )} ); }; exportar el ejemplo de accesorios predeterminado;Paso para ejecutar la aplicación: abra la terminal y escriba el siguiente comando.  npm start Salida: Abra el navegador y nuestro proyecto se muestra en la URL http://localhost:3000/>