触发dva的dispatch后，组件视图未重新渲染

最新推荐文章于 2025-05-07 10:47:57 发布

丰色木夕

最新推荐文章于 2025-05-07 10:47:57 发布

阅读量3.3k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： React.js 文章标签： react dva redux

本文链接：https://blog.youkuaiyun.com/youlinhuanyan/article/details/103440007

React.js 专栏收录该内容

17 篇文章

订阅专栏

本文详细解析了在DVA框架下，使用dispatch方法更新state时遇到的组件未重新渲染的问题。核心在于理解state的更新机制，需避免直接修改并返回state对象，而应创建新的state对象来确保组件能够正确响应状态变化。

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

触发dva的dispatch后，组件视图未更新

使用dispatch方法后，正确调用model下的reducers的某个方法，但是组件更新React组件中的render()方法未重新渲染
dispatch方法正常调用
state已正确更新
组件中也通过this.porps，正确获取到状态
但是就是不触发更新

export default {
  namespace:'settingDrawer',
  state: {
    visible: false
  },
  reducers: {
    'visible'(state:any, { payload }) {
      state.visible  = payload.visible
      return state
    },
  },
}

原因：
state参数是引用类型，如果直接返回state，dva会认为没有修改state，所有不会刷新（同redux），正解代码

 reducers: {
   'visible'(state:any, { payload }) {
     let newState = {...state}
     newState.visible  = payload.visible
     return newState
   },
 },