logo

TechCodeview

„ReactJS“ funkciniai komponentai

Funkcinis komponentas yra vienas iš būdų sukurti komponentus „React“ programoje. React.js funkciniai komponentai padeda kurti UI komponentus funkcionaliau ir glaustai. Šiame straipsnyje sužinosime apie funkcinius „React“ komponentus, įvairius funkcinio komponento iškvietimo būdus, taip pat sužinosime, kaip sukurti funkcinius komponentus. Taip pat pademonstruosime kabliukų panaudojimą funkciniuose komponentuose

Turinys

Reakcijos funkciniai komponentai:

ReactJS Funkciniai komponentai yra keletas dažniausiai pasitaikančių komponentų, su kuriais susidursite dirbant „React“. Tai tiesiog JavaScript funkcijos. Mes galime sukurti funkcinį „React“ komponentą parašydami „JavaScript“ funkciją. Šios funkcijos gali gauti duomenis kaip parametrus arba ne. Funkciniuose komponentuose grąžinama reikšmė yra JSX kodas, pateikiamas DOM medyje.



Funkcinio komponento iškvietimo būdai:

„JavaScript“ funkcijas galime vadinti kitais būdais:

1. Iškvieskite funkciją naudodami funkcijos pavadinimą, po kurio yra skliaustai.

) : ( 'Kompiuterių mokslo portalas Geeks' /> )} ); }; eksportuoti numatytąjį PropsExample;Programos paleidimo veiksmas: Atidarykite terminalą ir įveskite šią komandą. npm start Išvestis: atidarykite naršyklę ir mūsų projektas bus rodomas URL http://localhost:3000/>>