Funkcionalna komponenta je eden od načinov za ustvarjanje komponent v aplikaciji React. Funkcionalne komponente React.js pomagajo ustvariti komponente uporabniškega vmesnika na funkcionalen in bolj jedrnat način. V tem članku bomo spoznali funkcionalne komponente v Reactu, različne načine za klic funkcionalne komponente in se tudi naučili, kako ustvariti funkcionalne komponente. Prikazali bomo tudi uporabo kavljev v funkcionalnih komponentah

Kazalo

• Funkcionalne komponente v Reactu:
• Načini za klic funkcionalne komponente:
• Težava pri uporabi funkcionalnih komponent
• Prednost uporabe kavljev v funkcionalnih komponentah

Funkcionalne komponente v Reactu:

Funkcionalne komponente ReactJS so nekatere pogostejše komponente, na katere boste naleteli med delom v Reactu. To so preprosto funkcije JavaScript. V Reactu lahko ustvarimo funkcionalno komponento s pisanjem funkcije JavaScript. Te funkcije lahko sprejemajo podatke kot parametre ali pa tudi ne. V funkcijskih komponentah je vrnjena vrednost koda JSX za upodobitev v drevo DOM.

Načini za klic funkcionalne komponente:

Funkcije v javaScriptu lahko kličemo tudi na druge načine, kot sledi:

1. Pokličite funkcijo z uporabo imena funkcije, ki mu sledijo oklepaji.

// Example of Calling the function with function name followed by Parentheses function Parentheses() {  return (; }; const PropsExample = () =>{ // const [sprememba, setChange] = useState(true);  const [sprememba, setChange] = useState(false);  return ( setChange(!change)}> Kliknite tukaj! {change ? ( 'Dobrodošli na techcodeview.com' /> ) : ( 'Portal za računalništvo' /> )} ); }; izvoz privzetega PropsExample;Korak za zagon aplikacije: Odprite terminal in vnesite naslednji ukaz.  npm start Izhod: Odprite brskalnik in naš projekt je prikazan v URL-ju http://localhost:3000/>