Pastāsti man par React komponentēm.

React komponenti ir neatkarīgi, daudzreiz lietojami lietotāja saskarnes elementi, kas var pieņemt ievades datus (props) un pārvaldīt savu stāvokli.

Ir divi galvenie komponentu veidi:

1. Funkcionālie komponenti: Vienkāršas JavaScript funkcijas, kas atgriež JSX.

   // Funkcionāla komponenta piemērs
   function Welcome(props) {
     return <h1>Sveiki, {props.name}!</h1>;
   }
   

2. Klases komponenti: JavaScript klases, kas paplašina React.Component un ir ar render() metodi, kas atgriež JSX. Tiem var būt vietējais stāvoklis (state) un dzīves cikla metodes.

   // Klases komponenta piemērs
   class Counter extends React.Component {
     constructor(props) {
       super(props);
       this.state = { count: 0 };
     }
   
     render() {
       return (
         <div>
           <p>Skaitītājs: {this.state.count}</p>
           <button onClick={() => this.setState({ count: this.state.count + 1 })}>
             Palielināt
           </button>
         </div>
       );
     }
   }
   

Komponenti var tikt iekļauti viens citā, lai izveidotu sarežģītākas saskarnes. Dati tiek nodoti no vecā komponenta uz bērnu caur props.

Komponentu izmantošana nodrošina modulatitāti, koda atkārtotu izmantošanu un vienkāršo lietojumprogrammas stāvokļa pārvaldību.