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