React 组件的三大属性

2022/01/08 posted in  基础
Tags:  #React

state

解决 this 指向问题

setState 使用

简化

props

props 传递

props 为只读属性

简化传递


此处的 {...p} 是 JSX 语法糖,不是 JS 中的展开语法

props 限制

给类增加相应属性
需引入 PropTypes

函数式组件使用 props

标签体是特殊属性

<Demo a="1">2</Demo>
Demo 组件收到的 props 为 {a:"1",children:"2"}
因此以下两种写法等效
<Demo a="1">2</Demo>
<Demo a="1" children:"2" />

refs

字符串形式

回调形式

createRef 形式

事件处理