, чтобы сохранить свой прогресс
Отобразить классовый компонент в DOM
Вы можете вспомнить использование ReactDOM API в более ранней попытке визуализации элементов JSX в DOM. Процесс рендеринга компонентов React будет выглядеть очень похоже. Последние несколько задач были сосредоточены на компонентах и составе, поэтому рендеринг был сделан для вас за кулисами. Однако ни один из написанного вами кода React не будет отображаться в DOM без обращения к ReactDOM API. Ниже приведен синтаксис:
ReactDOM.render(componentToRender, targetNode)ReactDOM.render() несколько иначе, чем элементы JSX. Для элементов JSX вы передаете имя элемента, который вы хотите отобразить. Однако для компонентов React вам нужно использовать тот же синтаксис, как если бы вы отображали вложенный компонент, например
ReactDOM.render(<ComponentToRender />, targetNode)Компоненты Fruits и Vegetables определены для вас за кулисами. Выведите оба компонента как дочерние компонента TypesOfFood , а затем визуализируйте TypesOfFood в DOM. Для вас доступен div с id='challenge-node' .
/**
* Your test output will go here.
*/