从本质上讲,JSX 只是为 React.createElement(component, props, ...children) 函数提供的语法糖。JSX代码:
<MyButton color="blue" shadowSize={2}>
Click Me
</MyButton>
编译为:
React.createElement(
MyButton,
{color: 'blue', shadowSize: 2},
'Click Me'
)
- 组件写样式,不要直接用class,会和es6关键字同名,得用
className
- 组件属性:
dangerousSetInnerHTML
危险的转换html