ReactDOM.render(componentToRender, targetNode)
, где первым аргументом является элемент React или компонент, который вы хотите отобразить, а второй аргумент - узел DOM что вы хотите отобразить компонент. Как и следовало ожидать, ReactDOM.render()
должен вызываться после объявлений элементов JSX, так же, как вы должны объявлять переменные перед их использованием. ReactDOM.render()
чтобы отобразить этот компонент на странице. Вы можете передать определенные элементы JSX непосредственно в качестве первого аргумента и использовать document.getElementById()
чтобы выбрать узел DOM для их рендеринга. Для вас доступен div
с id='challenge-node'
. Убедитесь, что вы не изменяете константу JSX
. JSX
должен возвращать элемент div
.
testString: 'assert(JSX.type === "div", "The constant JSX
should return a div
element.");'
- text: div
должен содержать тег h1
как первый элемент.
testString: 'assert(JSX.props.children[0].type === "h1", "The div
should contain an h1
tag as the first element.");'
- text: В div
должен быть тег p
как второй элемент.
testString: 'assert(JSX.props.children[1].type === "p", "The div
should contain a p
tag as the second element.");'
- text: 'При условии , JSX элемент должен оказывать узел DOM с идентификатором challenge-node
.'
testString: 'assert(document.getElementById("challenge-node").childNodes[0].innerHTML === "Lets render this to the DOM
", "The provided JSX element should render to the DOM node with idchallenge-node
.");'
```
Lets render this to the DOM