共计 1141 个字符，预计需要花费 3 分钟才能阅读完成。
这篇是近期整理的 react 知识点 50 问，以下
1.react 中的 keys 的作用
keys 是 react 来追踪哪些元素被修改添加、删除的辅助标记
2. 调用 setState 之后发生了什么
react 会将传入的参数对象和组件的当前状态合并，根据新的状态构建新的 react 元素树，计算 react 新树和老树的差异，根据差异最小化对界面进行最小化渲染
3.react 生命周期
- 初始化阶段：
getDeaultProps（获取实例的默认 props）
getInitialState（获取每个实例的初始状态）
componentWillMount（组件即将被挂载、渲染到页面上）
render（组件在这生产虚拟 DOM）
componentDidMount（组件被挂载后、一般在这里调用 ajax 请求） - 运行阶段：
componentWillReceieveProps（组件要接受到属性的时候调用）
shouldComponentUpdate（组件接受新的状态或者新的属性的时候；返回 false，接受数据不更新，反之更新数据）
componentwillUpdate（组件即将更新）
render（组件更新）
componentDidUpdate（组件已经更新） - 销毁状态：
componentWillUnMount（组件即将销毁）
4.React 中的 refs 是什么？
可以通过 refs 访问到 dom 元素，并对 dom 元素进行操作
5.react 中展示组件和容器组件有什么不同
展示组件
- 主要负责组件内容如何展示
- 从 props 接受父组件传递来的数据
- 大多数可以通过函数定义组件声明
容器组件 - 主要关注组件数据如何交互
- 拥有自身 state，从服务器获取数据，或与 redux 等其他数据处理模块写作
- 通过类定义组件声明，包含生命周期函数和其他附加方法
6. 为什么建议传递给 setState 的参数建议是一个 callback 而，不是对象？
因为 this.props 和 this.state 的更新是异步的。
7. 类组件和函数式组件有何不同
| 区别 | 函数式组件 | 类组件 |
|---|---|---|
| 是否有 this | × | √ |
| 是否有生命周期 | × | √ |
| 是否有 state | × | √ |
8. 状态 state 和 props 属性的区别
- state 是一种数据结构，用于组件挂载时所需数据的默认值，state 可读可写
- props 是属性的意思，是由父组件传递给子组件的，对子组件来说 props 不可变。
props 只读，state 可读可写
9. 受控组件
受控组件中的 value 值通过 state 获取，同时通过 onChange 事件改变 state 中的 value，有这样特性 的 组件叫受控组件，反之，非受控组件通过 refs 操作真实 DOM
10. 调用 super（props）的目的
子类没有自己的 this 对象，只能通过调用 super（props）拿到
未完待续~~~ 如果整理的知识点对你有帮助就收藏下吧~
正文完