React 学习笔记(二)

66 阅读1分钟

关于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>
);