Разкажи ми за компонентите в 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.

Използването на компоненти осигурява модулност, повторна употреба на кода и улеснява управлението на състоянието на приложението.