Redux自定义封装connect和usedispatch 和useSelector

前言

多的不多说 直接上代码 说实话，不太懂redux建议先看看文档 一切知识优先看文档和源码 看不懂的再去看一些机构的视频或者看某些大佬的文章

封装connect

本质上自己创建了一个上下文来取出数据state再派发出去。封装该层语法

connect语法

connect(mapStateToprops,mapDispatchToprops)(WrappedComponent)

mapStateToProps

类型是个函数，作用是吧store的数据放在props上 在上下文中…props解构

function mapStateToProps({
    test}) {
   
  return {
   
    msg: test.msg
  }
}

mapDispatchToProps

类型也是一个函数，起作用是把那些派发的信号方法放在props上

function mapDispatchToProps(dispatch) {
   
  return {
   
    // 行为的封装
    updateMsg: payload => dispatch(updateMsg(payload))
  }
}

代码

上下文写法

自定义上下文

import React from 'react'
import store from '@/store'
const M