Il componente funzionale è un modo per creare componenti in un'applicazione React. I componenti funzionali React.js aiutano a creare componenti dell'interfaccia utente in modo funzionale e più conciso. In questo articolo impareremo i componenti funzionali in React, i diversi modi per chiamare il componente funzionale e impareremo anche come creare i componenti funzionali. Dimostreremo anche l'uso dei ganci nei componenti funzionali
Tabella dei contenuti
- Componenti funzionali in React:
- Modi per chiamare il componente funzionale:
- Problema con l'utilizzo di componenti funzionali
- Vantaggio dell'utilizzo dei ganci nei componenti funzionali
Componenti funzionali in React:
Componenti funzionali di ReactJS sono alcuni dei componenti più comuni che incontrerai mentre lavori in React. Queste sono semplicemente funzioni JavaScript. Possiamo creare un componente funzionale in React scrivendo una funzione JavaScript. Queste funzioni possono o meno ricevere dati come parametri. Nei componenti funzionali, il valore restituito è il codice JSX da visualizzare nell'albero DOM.
Modi per chiamare il componente funzionale:
Possiamo chiamare le funzioni in javaScript in altri modi come segue:
1. Chiama la funzione utilizzando il nome della funzione seguito dalle parentesi.
// Example of Calling the function with function name followed by Parentheses function Parentheses() { return (; }; const PropsExample = () =>{ // const [modifica, setChange] = useState(true); const [modifica, setChange] = useState(false); return ( setChange(!change)}> Clicca qui! {change ? ( 'Benvenuti su techcodeview.com' /> ) : ( 'Un portale di informatica per geek' /> )} ); }; esporta PropsExample predefinito;Passaggio per eseguire l'applicazione: aprire il terminale e digitare il seguente comando. npm start Output: apri il browser e il nostro progetto viene mostrato nell'URL http://localhost:3000/>