Reactdagi komponentlar haqida gapir.

React'da komponentlar mustaqil, ko'p ishlatiladigan foydalanuvchi interfeysi elementlaridir, ular kirish ma'lumotlarini (props) qabul qilishi va o'z holatini boshqarishi mumkin.

Asosiy ikki turdagi komponentlar mavjud:

1. Funktsional komponentlar: Oddiy JavaScript funksiyalari bo'lib, JSX ni qaytaradi.

   // Funktsional komponent misoli
   function Welcome(props) {
     return <h1>Salom, {props.name}!</h1>;
   }
   

2. Klass komponentlar: React.Component ni kengaytiradigan JavaScript sinflari bo'lib, render() metodiga ega va JSX ni qaytaradi. Ular lokal holat (state) va hayotiy sikl metodlariga ega bo'lishi mumkin.

   // Klass komponent misoli
   class Counter extends React.Component {
     constructor(props) {
       super(props);
       this.state = { count: 0 };
     }
   
     render() {
       return (
         <div>
           <p>Hisoblagich: {this.state.count}</p>
           <button onClick={() => this.setState({ count: this.state.count + 1 })}>
             Ko'paytirish
           </button>
         </div>
       );
     }
   }
   

Komponentlar bir-biriga joylashtirilishi mumkin, bu esa murakkabroq interfeyslar yaratishga imkon beradi. Ma'lumotlar ota-ona komponentdan bola komponentga props orqali o'tkaziladi.

Komponentlardan foydalanish modullilikni, kodni qayta ishlatishni ta'minlaydi va ilovaning holatini boshqarishni osonlashtiradi.