1012 B
1012 B
id, title, challengeType, forumTopicId
id | title | challengeType | forumTopicId |
---|---|---|---|
5a24c314108439a4d4036160 | 在 JSX 中定义一个 HTML Class | 6 | 301393 |
--description--
现在你已经习惯了编写 JSX,你可能想知道它与 HTML 有什么不同。
到目前为止,HTML 和 JSX 似乎完全相同。
JSX 的一个关键区别是你不能再使用class
这个单词来定义 HTML 的 class 名。这是因为class
是 JavaScript 中的关键字。JSX 使用className
代替。
事实上,JSX 中所有 HTML 属性和事件引用的命名约定都变成了驼峰式。例如,JSX 中的单击事件是 onClick
,而不是 onclick
。同样,onchange
变成了onChange
。虽然这是一个微妙的差异,但请你一定要记住。
--instructions--
将 classmyDiv
应用于 JSX 提供的div
上。
--hints--
常量JSX
应该返回一个div
元素。
assert.strictEqual(JSX.type, 'div');
div
有一个myDiv
class。
assert.strictEqual(JSX.props.className, 'myDiv');