react

Posted 2020-12-16 luyingying

虚拟DOM，不会直接操作原生的DOM节点只改变“需要改变”的DOM节点。

很少的内存消耗 遵循基于组件的方法，有助于构建可重用的UI组件。单向数据流

只有在组件的state变化时才会出发组件的重新渲染

无状态组件就是一个单纯的render函数，所以无状态组件的缺点也是显而易见的。因为它没有shouldComponentUpdate生命周期函数，所以每次state更新，它都会重新绘制render函数

箭头函数 正确绑定组件的上下文

React 组件的生命周期有三个不同的阶段：

1. 初始渲染阶段：这是组件即将开始其生命之旅并进入 DOM 的阶段。
2. 更新阶段：一旦组件被添加到 DOM，它只有在 prop 或状态发生变化时才可能更新和重新渲染。这些只发生在这个阶段。
3. 卸载阶段：这是组件生命周期的最后阶段，组件被销毁并从 DOM 中删除。

• *componentWillMount*****() – 在渲染之前执行，在客户端和服务器端都会执行。
• *componentDidMount*****() – 仅在第一次渲染后在客户端执行。
• *componentWillReceiveProps*****() – 当从父类接收到 props 并且在调用另一个渲染器之前调用。
• shouldComponentUpdate*****() – 根据特定条件返回 true 或 false。如果你希望更新组件，请返回true* 否则返回 false。默认情况下，它返回 false。
• *componentWillUpdate*****() – 在 DOM 中进行渲染之前调用。
• *componentDidUpdate*****() – 在渲染发生后立即调用。
• *componentWillUnmount*****() – 从 DOM 卸载组件后调用。用于清理内存空间。

defaultProps

props
propsTypes

constructor(props{ super(props) }

 

Redux 由以下组件组成：

1. Action – 这是一个用来描述发生了什么事情的对象。
2. Reducer – 这是一个确定状态将如何变化的地方。
3. Store – 整个程序的状态/对象树保存在Store中。
4. View – 只显示 Store 提供的数据。

state:{}

reducer:{}改state,返回新的state

effects:{}掉接口，用reducer改值

mapStateToProps

mapDispatchToProps