参考:https://react.docschina.org/docs/introducing-jsx.html
jsx的特点:
- 常规的html都可以和jsx兼容
- 可以在jsx中嵌入表达式
- 使用jsx指定子元素
(假如一个标签里面没有内容,也可以使用 /> 来闭合标签,就像xml语法一样)
jsx命名约定
jsx语法上类似于JavaScript
- 小驼峰
class变成className,tabindex变为tabIndex - jsx的自定义属性,以data-开头
const element = <div data-customized={自定义属性}></div>
jsx表示对象
jsx本质上就是一个对象
- jsx会被编译为React.createElement()对象
jsx防止注入攻击
JavaScript王者归来,可详细研究