一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第1天，点击查看活动详情。
先给大家总结一下redux在React中的配置，保证开箱即用
1、首先安装 redux 相关的包
npm i redux react-redux redux-thunk redux-devtools-extension
2、在 store 目录下的store/index.ts
import { createStore，applyMiddleware } from 'redux' //导入store，applyMiddleware用来配置中间件
import reducer from './reducers' //导入reducer下的index.ts
import thunk from 'redux-thunk' //导入thunk中间件，用来发异步请求
import { composeWithDevTools } from 'redux-devtools-extension' //导入此工具可以监听store状态的变化
const store = createStore(reducer, composeWithDevTools(applyMiddleware(thunk))) //创建store实例，放入reducer，并且在composeWithDevTools中导入需要配置的中间件
export default store //导出store
3、 store/reducers/index.js 中
import { combineReducers } from 'redux'
import login from './login' //导入其他的模块
const rootReducer = combineReducers({
login
})
export default rootReducer //导出rootReducer，在store/index.ts中导入
4、store/reducers/login.js 中：
//写reducers函数的逻辑操作
const initValue = {
token: ''
}
export default function login(state = initValue, action) {
return state
}
5、src/index.js 中：(这一步很容易被忘记)
import { Provider } from 'react-redux' //导入Provider方法
import store from './store' //导入store
ReactDOM.render(
<Provider store={store}> //用Provider标签包着APP组件，并且传入store
<App />
</Provider>,
document.getElementById('root')
)
redux在React中的配置基本就是五个步骤，后续可能版本更新会有小的改动，这五步是核心， 下面写redux在ts中的基本配置使用
ts项目中如何使用redux
依旧是在前五步，基本上没有变化
但在ts中配置reducers函数式要注意，action: any要先给哥any类型，以防报错
export default function todos(state = initValue, action: any) {
return state
}
只用配置这一步redux初始化就完成了
接着重点是ts中方法使用的变化，可以看我下一篇帖子
