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

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