Papaskink apie React komponentus.

React komponentai yra nepriklausomi, daugkartinio naudojimo vartotojo sąsajos elementai, kurie gali priimti įvesties duomenis (props) ir valdyti savo būseną.

Yra du pagrindiniai komponentų tipai:

1. Funkciniai komponentai: Paprastos JavaScript funkcijos, kurios grąžina JSX.

   // Funkcinio komponento pavyzdys
   function Welcome(props) {
     return <h1>Sveiki, {props.name}!</h1>;
   }
   

2. Klasės komponentai: JavaScript klasės, kurios išplečia React.Component ir turi render() metodą, kuris grąžina JSX. Jie gali turėti vietinę būseną (state) ir gyvenimo ciklo metodus.

   // Klasės komponento pavyzdys
   class Counter extends React.Component {
     constructor(props) {
       super(props);
       this.state = { count: 0 };
     }
   
     render() {
       return (
         <div>
           <p>Skaitytuvas: {this.state.count}</p>
           <button onClick={() => this.setState({ count: this.state.count + 1 })}>
             Padidinti
           </button>
         </div>
       );
     }
   }
   

Komponentai gali būti įdėti vienas į kitą, kad būtų galima sukurti sudėtingesnes sąsajas. Duomenys perduodami iš tėvų komponento į vaikų per props.

Komponentų naudojimas užtikrina modulį, kodo pakartotinį naudojimą ir palengvina programos būsenos valdymą.