<DIV>JSX无效:
<p>第一段</ p>
<p>第二段</ p>
<p>第3段</ p>
</ DIV>
<p>第一段</ p>
<p>第二段</ p>
<p>第3段</ p>
JSX
,它呈现一个按顺序包含以下元素的div
:一个h1
,一个p
和一个包含三个li
项的无序列表。您可以在每个元素中包含所需的任何文本。 注意:渲染多个这样的元素时,可以将它们全部括在括号中,但并不是严格要求的。另请注意,此挑战使用div
标记将所有子元素包装在单个父元素中。如果删除div
,JSX将不再转换。请记住这一点,因为当您在React组件中返回JSX元素时它也将适用。 JSX
应该返回一个div
元素。
testString: 'assert(JSX.type === "div", "The constant JSX
should return a div
element.");'
- text: div
应该包含一个p
标签作为第二个元素。
testString: 'assert(JSX.props.children[1].type === "p", "The div
should contain a p
tag as the second element.");'
- text: div
应包含ul
标记作为第三个元素。
testString: 'assert(JSX.props.children[2].type === "ul", "The div
should contain a ul
tag as the third element.");'
- text: div
应包含一个h1
标记作为第一个元素。
testString: 'assert(JSX.props.children[0].type === "h1", "The div
should contain an h1
tag as the first element.");'
- text: ul
应该包含三个li
元素。
testString: 'assert(JSX.props.children[2].props.children.length === 3, "The ul
should contain three li
elements.");'
```