მითხარი React-ის კომპონენტების შესახებ.

React-ში კომპონენტები დამოუკიდებელი, მრავალჯერადი გამოყენების მომხმარებლის ინტერფეისის ელემენტებია, რომლებიც მიიღებენ შემოსავალ მონაცემებს (props) და მართავენ თავიანთ მდგომარეობას.

არსებობს ორი ძირითადი ტიპის კომპონენტები:

1. ფუნქციური კომპონენტები: მარტივი JavaScript ფუნქციები, რომლებიც აბრუნებენ JSX-ს.

   // ფუნქციური კომპონენტის მაგალითი
   function Welcome(props) {
     return <h1>გამარჯობა, {props.name}!</h1>;
   }
   

2. კლასის კომპონენტები: JavaScript კლასი, რომელიც განიდიდებს React.Component-ს და აქვს 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-ის საშუალებით.

კომპონენტების გამოყენება უზრუნველყოფს მოდულურობას, კოდის გადამეორებას და აპლიკაციის მდგომარეობის მართვას მარტივს ხდის.