状态管理之 redux、dva、vuex

前言

日常积累，欢迎指正

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)