El component funcional és una manera de crear components en una aplicació React. React.js Functional Components ajuda a crear components d'IU d'una manera funcional i més concisa. En aquest article, aprendrem sobre els components funcionals a React, diferents maneres d'anomenar el component funcional i també aprendrem a crear els components funcionals. També demostrarem l'ús de ganxos en components funcionals

Taula de contingut

• Components funcionals a React:
• Maneres d'anomenar el component funcional:
• Problema amb l'ús de components funcionals
• Avantatge d'utilitzar ganxos en components funcionals

Components funcionals en React:

Components funcionals de ReactJS són alguns dels components més habituals que es trobaran mentre es treballa a React. Aquestes són simplement funcions de JavaScript. Podem crear un component funcional a React escrivint una funció JavaScript. Aquestes funcions poden rebre dades com a paràmetres o no. Als components funcionals, el valor de retorn és el codi JSX per representar a l'arbre DOM.

Maneres d'anomenar el component funcional:

Podem cridar les funcions en javaScript d'altres maneres de la següent manera:

1. Crida la funció utilitzant el nom de la funció seguit dels parèntesis.

// Example of Calling the function with function name followed by Parentheses function Parentheses() {  return (; }; const PropsExample = () =>{ // const [canvi, setCanvi] = useState(true);  const [canvi, setCanvi] = useState(fals);  return ( setChange(!change)}> Feu clic aquí! {canviar? ( 'Benvingut a techcodeview.com' /> ): ( 'Un portal informàtic per a geeks' /> )} ); }; exportar PropsExample per defecte;Pas per executar l'aplicació: Obriu el terminal i escriviu l'ordre següent.  npm start Sortida: Obriu el navegador i el nostre projecte es mostra a l'URL http://localhost:3000/>