Funkčný komponent je jedným zo spôsobov, ako vytvoriť komponenty v aplikácii React. React.js Functional Components pomáha vytvárať komponenty používateľského rozhrania funkčným a výstižnejším spôsobom. V tomto článku sa dozvieme o funkčných komponentoch v Reacte, o rôznych spôsoboch volania funkčných komponentov a tiež sa naučíme, ako vytvoriť funkčné komponenty. Ukážeme si aj použitie háčikov vo funkčných komponentoch
Obsah
- Funkčné komponenty v Reacte:
- Spôsoby volania funkčného komponentu:
- Problém s používaním funkčných komponentov
- Výhoda použitia háčikov vo funkčných komponentoch
Funkčné komponenty v Reacte:
ReactJS Funkčné komponenty sú niektoré z bežnejších komponentov, s ktorými sa stretnete pri práci v Reacte. Toto sú jednoducho funkcie JavaScriptu. Môžeme vytvoriť funkčný komponent v Reacte napísaním funkcie JavaScript. Tieto funkcie môžu alebo nemusia prijímať údaje ako parametre. Vo funkčných komponentoch je návratovou hodnotou kód JSX, ktorý sa má vykresliť do stromu DOM.
Spôsoby volania funkčného komponentu:
Funkcie v JavaScripte môžeme volať aj inými spôsobmi, a to takto:
1. Zavolajte funkciu použitím názvu funkcie, za ktorým budú nasledovať zátvorky.
// Example of Calling the function with function name followed by Parentheses function Parentheses() { return (; }; const PropsExample = () =>{ // const [zmena, nastavZmena] = useState(true); const [zmena, nastavZmena] = useState(false); return ( setChange(!change)}> Kliknite sem! {zmena ? ( 'Vitajte na techcodeview.com' /> ) : ( 'Portál informatiky pre geekov' /> )} ); }; exportovať predvolený príklad rekvizít;Krok na spustenie aplikácie: Otvorte terminál a zadajte nasledujúci príkaz. npm start Výstup: Otvorte prehliadač a náš projekt sa zobrazí na adrese URL http://localhost:3000/>