Компонент в React — это независимый, переиспользуемый блок кода, который инкапсулирует логику и UI. Бывают двух типов: 1. **Классовые компоненты** (устаревают) ```jsx class Welcome extends React.Component { render() { return

Hello, {this.props.name}

; } } ``` 2. **Функциональные компоненты** (рекомендуются с хуками) ```jsx function Welcome(props) { return

Hello, {props.name}

; } // Или с хуками: const Welcome = ({ name }) =>

Hello, {name}

; ``` **Особенности:** - Принимают `props` (входные данные) - Возвращают JSX - Могут иметь состояние (`useState`, `this.state`) - Жизненный цикл (хуки `useEffect` или методы `componentDidMount` и др.) Компоненты можно вкладывать друг в друга, создавая дерево интерфейса.