关于jsx语法一些注意事项
- jsx中不允许label标签使用for属性,需用htmlFor代替
- jsx中所有的标签都必须闭合,
<br>不行,必须<br/> - jsx中注释比较讲究,
{/*JSX 中的注释方式*/},单行也可以 - jsx中不允许用class属性,需用className代替
- 组件名必须大写
- 事件必须修正this指针,且绑定事件名时要使用小驼峰的写法onclick必须写成onClick
- jsx语法中最外层必须有一个包裹元素 下面用法错误:
return (
<p> </p>
<p> </p>
)
- 如果不想加一个额外元素,可以用Fragment官方提供的占位符
import React,{Fragment} from 'react'
return (
<Fragment>
<p> </p>
<p> </p>
</Fragment>
);