react - dva - connect 的详解

最新推荐文章于 2025-06-15 14:18:20 发布

艾敲代码的MT

最新推荐文章于 2025-06-15 14:18:20 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

文章标签： react.js

本文链接：https://blog.csdn.net/qq_26705343/article/details/120425119

本文详细探讨了在React应用中使用DVA库进行状态管理和组件连接的方法。首先介绍了如何创建models来定义状态及操作，接着讲解如何在入口文件index.js中引入models。最后，阐述了如何在类式组件中利用connect函数连接到Redux的model，以便于操作和使用全局状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 先创建models 里面是存储的状态和操作状态的方法

models 文件

export default{
   
   

  namespace: 'product',

  state:{
   
   

    productList: [{
   
   

      name:"牛逼"

    },{
   
   

      name:"卢本伟"

    }],

  },

  reducers:{
   
   

    upData(state, action){
   
   

      let currentProductList = deepClone(state)

      // 深拷贝

      currentProductList.productList.push( action.paylod)

      return currentProductList    //返回一个新的state对象

    }

  }

}