Какой из перечисленных способов является допустимым для создания компонента в React?

function MyComponent() { return <div/>; }

new ReactComponent(MyComponent)

React.createComponent(MyComponent)

class MyComponent extends ReactElement { ... }

Создание компонента в React с помощью функции

Указанный вопрос связан с процессом создания компонентов в популярной JavaScript-библиотеке для построения пользовательских интерфейсов — React. В данной библиотеке есть множество способов создания компонентов, но только один из перечисленных вариантов является допустимым - это определение компонента как функции.

Пример такого компонента:

function MyComponent() { 
  return <div/>; 
}

Здесь MyComponent – это функция, возвращающая JSX. При вызове в коде <MyComponent /> выполняется эта функция и возвращается результат, который впоследствии отображается в DOM.

Остальные варианты ответа представлены некорректно. Не существует таких методов как new ReactComponent(MyComponent) или React.createComponent(MyComponent). А class MyComponent extends ReactElement { ... } неверно, поскольку для создания классового компонента нужно использовать React.Component, а не ReactElement.

Работа с функциональными компонентами является современной практикой в React, это позволяет использовать хуки и имеет более простой синтаксис по сравнению с классовыми компонентами. Все новые возможности и обновления React в первую очередь появляются для функциональных компонентов, поэтому это рекомендованный подход для создания компонентов в React.

Создание компонента в React с помощью функции

Related Questions