前言
日常积累,欢迎指正
1、状态管理之 redux、dva、vuex
1.1、redux
Redux is a predictable state container for JavaScript apps - Redux是一个可预测的 JavaScript 应用程序状态容器
redux 中
- dispatch(action/actionCreator) 触发 state 修改
- state 修改引发页面重新渲染
异步处理:借助 redux-saga 等工具实现
container 组件示例
import App from '../pages/App'
import {
connect } from 'react-redux'
import {
Dispatch } from 'redux'
import {
IStoreState } from '../types/todoList'
import {
willToDone, doneToWill,del, add } from '../actions/todoList'
interface IProps {
}
const mapStateToProps = (state: IStoreState, ownProps: IProps) => {
return {
todoList: state.todoList
}
}
const mapDispatchToProps = (dispatch: Dispatch, ownProps: IProps) => {
return {
willToDone: (id: number ) => {
dispatch(willToDone(id))
},
del: (id: number) => {
dispatch(del(id)