logo

TechCodeview

ReactJS:n toiminnalliset komponentit

Funktionaalinen komponentti on yksi tapa luoda komponentteja React-sovelluksessa. React.js Functional Components auttaa luomaan käyttöliittymäkomponentteja toimivalla ja tiiviimmällä tavalla. Tässä artikkelissa opimme Reactin toiminnallisista komponenteista, erilaisista tavoista kutsua toiminnallinen komponentti ja opimme myös luomaan toiminnallisia komponentteja. Esittelemme myös koukkujen käyttöä toiminnallisissa komponenteissa

Sisällysluettelo



Toiminnalliset komponentit Reactissa:

ReactJS Toiminnalliset komponentit ovat joitain yleisimmistä osista, jotka törmäävät Reactissa työskennellessään. Nämä ovat yksinkertaisesti JavaScript-funktioita. Voimme luoda toiminnallisen komponentin Reactissa kirjoittamalla JavaScript-funktion. Nämä toiminnot voivat vastaanottaa tai olla vastaanottamatta dataa parametreina. Toiminnallisissa komponenteissa palautusarvo on JSX-koodi, joka renderöidään DOM-puuhun.

Tapoja kutsua toiminnallinen komponentti:

Voimme kutsua toimintoja javaScriptissä muilla tavoilla seuraavasti:

1. Kutsu funktio käyttämällä funktion nimeä ja sulkeita.

) : ('A Computer Science Portal for Geeks' /> )} ); }; vienti oletuksena PropsExample; Vaihe sovelluksen suorittamiseksi: Avaa pääte ja kirjoita seuraava komento. npm start Tulos: Avaa selain ja projektimme näkyy URL-osoitteessa http://localhost:3000/>>