Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

Документы

Медиа

Назад
Вопрос про React: react, реакт

Как создать компонент в 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>;
	 }
}

Уровень

  • Рейтинг:

    1

  • Сложность:

    1

Навыки

  • React

    React

Ключевые слова

#react

#реакт

Подпишись на React Developer в телеграм