React学习

React学习笔记（六）

该学习笔记源于B站视频https://www.bilibili.com/video/av69359910/?p=2&t=397

1、redux：actions文件夹、reducers文件夹、store.js文件
store.js文件要imprort {createStore()} from 'redux'
reducer和redux没有关系，它是个函数，数据的初始化在reducer中，
合并多个reducer的方法combineReducers：import {combineReducers} from 'redux'

2、想要渲染数据，需要调用subscribe

手动连接步骤：1、安装redux；
2、创建以上几个文件夹以及文件；
3、先建立reducers文件夹，在reducers的index.js文件中导出每个reducer文件，单个reducer文件的建立：定义初始状态，export default先做default导出，。
4、在要渲染的地方(也就是总的index.js)引入store<App store={store}>
5、创建action:先创建actionType.js文件，定义所有的actiontype。下一步创建action，一般用方法创建，然后测试一下。在组件的index.js文件中dispatch方法，在reducer文件中处理action，然后通过subscribe方法监听并渲染。

3、React Redux中提供了两个核心的API，一个是Provider,一个是connect。


可以直接给connect传第二个参数，第二个参数为actionTypes。也就是说，用actionCreator创建的action，在组件中使用的时候，只要使用给connect传第二个参数这个方法，当在执行这个方法的时候，就会自动有disptch。

4、
redux最基本的流程：
1、创建reducers
2、合并reducers
3、createStore
4、用Provider连接
5、connect(）
6、action Creates
7、修改reducers
处理异步操作要用中间件，一般使用redux-thunk

在store.js中引入applyMiddleware和thunk，引出applyMiddleware(thunk)。