react知识点整理50问未完待续

这篇是近期整理的 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. 类组件和函数式组件有何不同

8. 状态 state 和 props 属性的区别

• state 是一种数据结构，用于组件挂载时所需数据的默认值，state 可读可写
• props 是属性的意思，是由父组件传递给子组件的，对子组件来说 props 不可变。

props 只读，state 可读可写

9. 受控组件

受控组件中的 value 值通过 state 获取，同时通过 onChange 事件改变 state 中的 value，有这样特性 的 组件叫受控组件，反之，非受控组件通过 refs 操作真实 DOM

10. 调用 super（props）的目的

子类没有自己的 this 对象，只能通过调用 super（props）拿到

未完待续~~~ 如果整理的知识点对你有帮助就收藏下吧~