Reactтеги компоненттер жөнүндө мага айтып бер.

Reactте компоненттер — бул көзкарандысыз, көп колдонулуучу колдонуучу интерфейсинин элементтери, алар кирүү маалыматтарын (props) кабыл алып, өзүнүн абалын башкарууга мүмкүнчүлүк берет.

Ичине кирүүчү эки негизги түрү бар:

1. Функционалдык компоненттер: Жөнөкөй JavaScript функциялары, алар JSX кайтарат.

   // Функционалдык компоненттин мисалы
   function Welcome(props) {
     return <h1>Салам, {props.name}!</h1>;
   }
   

2. Класс компоненттери: React.Component кеңейткен JavaScript класстары, жана render() ыкмасы бар, ал JSX кайтарат. Алар жергиликтүү абал (state) жана жашоо циклинин ыкмалары болушу мүмкүн.

   // Класс компоненттин мисалы
   class Counter extends React.Component {
     constructor(props) {
       super(props);
       this.state = { count: 0 };
     }
   
     render() {
       return (
         <div>
           <p>Санаачы: {this.state.count}</p>
           <button onClick={() => this.setState({ count: this.state.count + 1 })}>
             Өлчөмдү көбөйтүү
           </button>
         </div>
       );
     }
   }
   

Компоненттер бири-бирине киргизилип, көбүрөөк комплекстүү интерфейстер түзүүгө мүмкүндүк берет. Маалыматтар ата-энеден балага props аркылуу өткөрүлөт.

Компоненттерди колдонуу модулдуулук, кодду кайра колдонуу жана тиркеменин абалын башкарууну жеңилдетет.