В React существуют два основных вида компонентов:
Как вы работали с React: с какими версиями сталкивались и использовали ли классовые компоненты? Чем классовые компоненты отличаются от функциональных?
В React существуют два основных вида компонентов:
Короткий ответ
Что ответить на собеседовании
Подробный разбор
Ответ с пояснениями
В React существуют два основных вида компонентов:
- Функциональные компоненты (Functional Components) — это функции, которые принимают props и возвращают JSX. Они проще и легче, особенно с появлением хуков, которые позволяют использовать состояние и другие возможности React.
- Классовые компоненты (Class Components) — это ES6 классы, которые наследуются от React.Component и имеют методы жизненного цикла, состояние (state) и другие возможности.
Пример функционального компонента:
function Greeting(props) {
return <h1>Привет, {props.name}!</h1>;
}
Пример классового компонента:
class Greeting extends React.Component {
render() {
return <h1>Привет, {this.props.name}!</h1>;
}
}