25 lines
699 B
Markdown
25 lines
699 B
Markdown
|
---
|
|||
|
|
title: Define an HTML Class in JSX
|
|||
|
|
localeTitle: 在JSX中定义HTML类
|
|||
|
|
---
|
|||
|
|
## 在JSX中定义HTML类
|
|||
|
|
|
|||
|
|
* HTML和JSX可能看起来完全相同，但它们之间存在一些差异。
|
|||
|
|
* 其中一个差异是命名约定。
|
|||
|
|
* JSX中的HTML属性和事件引用变为camelCase（onclick => onClick）。
|
|||
|
|
* 在JavaScript中可能还会保留一些单词。例如，“class”这个词不能用于定义HTML类 在JSX中。因此，您可以使用“className”而不是使用“class”。
|
|||
|
|
|
|||
|
|
## 提示1：
|
|||
|
|
|
|||
|
|
* 您可能希望将“class”更改为“className”。
|
|||
|
|
|
|||
|
|
## 解
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
const JSX = (
|
|||
|
|
<div className = "myDiv">
|
|||
|
|
<h1>Add a class to this div</h1>
|
|||
|
|
</div>
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
```
|