Պատմիր ինձ React-ի կոմպոնենտների մասին։

React-ում կոմպոնենտները անկախ, բազմակի օգտագործման ինտերֆեյսի տարրեր են, որոնք կարող են ընդունել մուտքային տվյալներ (props) և կառավարել իրենց սեփական վիճակը:

Կան երկու հիմնական տեսակի կոմպոնենտներ՝

1. Ֆունկցիոնալ կոմպոնենտներ: Պարզ JavaScript ֆունկցիաներ, որոնք վերադարձնում են JSX:

   // Ֆունկցիոնալ կոմպոնենտի օրինակ
   function Welcome(props) {
     return <h1>Բարև, {props.name}!</h1>;
   }
   

2. Դասային կոմպոնենտներ: JavaScript դասեր, որոնք ընդլայնում են React.Component-ը և ունեն render() մեթոդ, որը վերադարձնում է JSX:

   // Դասային կոմպոնենտի օրինակ
   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-ի միջոցով:

Կոմպոնենտների օգտագործումը ապահովում է մոդուլայնություն, կոդի կրկնակի օգտագործում և հեշտացնում է ծրագրի վիճակի կառավարումը։