Чтобы отобразить компонент React, вы обычно выполняете следующие шаги:
-
Импортируйте необходимые зависимости:
import React from 'react'; import ReactDOM from 'react-dom'; -
Создайте свой компонент React:
function MyComponent() { return <h1>Hello, World!</h1>; } -
Отобразить компонент в DOM:
ReactDOM.render(<MyComponent />, document.getElementById('root'));
Это отобразит компонент MyComponentвнутри элемента с идентификатором rootв вашем HTML-файле.
Другие методы рендеринга компонентов React включают:
- Использование компонента класса вместо компонента функции.
- Использование шаблона рендеринга для передачи компонента в качестве реквизита другому компоненту.
- Использование порталов для рендеринга компонента в другом месте дерева DOM.