React-də komponentlər haqqında danış.

React-də komponentlər müstəqil və çox istifadə olunan istifadəçi interfeysi elementləridir, onlar giriş məlumatlarını (props) qəbul edə və öz vəziyyətlərini idarə edə bilərlər.

İki əsas növ komponent mövcuddur:

1. Funksional komponentlər: Sadə JavaScript funksiyalarıdır və JSX qaytarır.

   // Funksional komponent nümunəsi
   function Welcome(props) {
     return <h1>Salam, {props.name}!</h1>;
   }
   

2. Klass komponentlər: React.Component-i genişləndirən JavaScript sinfləridir və render() metoduna malikdirlər, JSX qaytarırlar. Onlar yerli vəziyyət (state) və həyat dövrü metodlarına sahib ola bilərlər.

   // Klass komponent nümunəsi
   class Counter extends React.Component {
     constructor(props) {
       super(props);
       this.state = { count: 0 };
     }
   
     render() {
       return (
         <div>
           <p>Sayaç: {this.state.count}</p>
           <button onClick={() => this.setState({ count: this.state.count + 1 })}>
             Artır
           </button>
         </div>
       );
     }
   }
   

Komponentlər bir-birinə daxil edilə bilər ki, daha mürəkkəb interfeyslər yaradılsın. Məlumatlar valideyn komponentdən uşaq komponentə props vasitəsilə ötürülür.

Komponentlərin istifadəsi modulyarlıq, kodun təkrar istifadəsi və tətbiqin vəziyyətinin idarə olunmasını asanlaşdırır.