Componenta funcțională este o modalitate de a crea componente într-o aplicație React. Componentele funcționale React.js ajută la crearea componentelor UI într-un mod funcțional și mai concis. În acest articol, vom afla despre componentele funcționale din React, despre diferite moduri de a apela componenta funcțională și, de asemenea, vom afla cum să creați componentele funcționale. Vom demonstra, de asemenea, utilizarea cârligelor în componentele funcționale
Cuprins
- Componente funcționale în React:
- Modalități de a apela componenta funcțională:
- Problemă cu utilizarea componentelor funcționale
- Avantajul folosirii carligelor in componentele functionale
Componente funcționale în React:
Componente funcționale ReactJS sunt unele dintre cele mai comune componente care vor apărea în timpul lucrului în React. Acestea sunt pur și simplu funcții JavaScript. Putem crea o componentă funcțională în React scriind o funcție JavaScript. Aceste funcții pot primi sau nu date ca parametri. În Componentele funcționale, valoarea returnată este codul JSX de redat în arborele DOM.
Modalități de a apela componenta funcțională:
Putem apela funcțiile în javaScript în alte moduri, după cum urmează:
1. Apelați funcția folosind numele funcției urmat de Paranteze.
// Example of Calling the function with function name followed by Parentheses function Parentheses() { return (; }; const PropsExample = () =>{ // const [change, setChange] = useState(true); const [modificare, setModificare] = useState(false); return ( setChange(!change)}> Click Here! {change ? ( 'Bine ați venit la techcodeview.com' /> ) : ( 'A Computer Science Portal for Geeks' /> )} ); }; export implicit PropsExample;Pasul pentru a rula aplicația: Deschideți terminalul și tastați următoarea comandă. npm start Ieșire: deschideți browserul și proiectul nostru este afișat în adresa URL http://localhost:3000/>