React 如何实现组件间通信？如何理解 Redux？

如何实现组件间通信

1. 父子组件通信：props + 函数
2. 爷孙组件通信：两层父子通信或者使用 Context.Provider 和 Context.Consumer
3. 任意组件通信：其实就变成了状态管理了
   a. Redux
   b. Mobx
   c. Recoil

如何理解 Redux？

1. 文档第一句话背下来：Redux 是一个状态管理库/状态容器。
2. 把 Redux 的核心概念说一下：
   a. State 放状态 b. Action = type + payload 荷载 每一步对数据的改变 c. Reducer 旧的state+action = 新state d. Dispatch 派发 （动作） e. Middleware 中间件
3. 把 ReactRedux 的核心概念说一下：
   a. connect()(Component) 把component和store关联起来 b. mapStateToProps
   c. mapDispatchToProps
4. 说两个常见的中间件 redux-thunk redux-promise

未完待续

参考： www.bilibili.com/video/BV1dm…