redux 的dispatch和action

最新推荐文章于 2023-09-28 14:19:02 发布

天宇流沙

最新推荐文章于 2023-09-28 14:19:02 发布

阅读量4.1k

点赞数 1

分类专栏： react学习笔记

本文链接：https://blog.csdn.net/qq_41792374/article/details/109342540

版权

6 篇文章 0 订阅

订阅专栏

下面是一些 action 的示例：

{ type: 'ADD_TODO', text: 'Go to swimming pool' }
{ type: 'TOGGLE_TODO', index: 1 }
{ type: 'SET_VISIBILITY_FILTER', filter: 'SHOW_ALL' }

一般来说你会通过 store.dispatch() 将 action 传到 store。
唯一改变 state 的方法就是触发 action，action 是一个用于描述已发生事件的普通对象。

store.dispatch({
  type: 'COMPLETE_TODO',
  index: 1
})

store.dispatch({
  type: 'SET_VISIBILITY_FILTER',
  filter: 'SHOW_COMPLETED'
})

在传统的 Flux 实现中，当调用 action 创建函数时，一般会触发一个 dispatch，像这样：

function addTodoWithDispatch(text) {
  const action = {
    type: ADD_TODO,
    text
  }
  dispatch(action)
}

不同的是，Redux 中只需把 action 创建函数的结果传给 dispatch() 方法即可发起一次 dispatch 过程。

dispatch(addTodo(text))
dispatch(completeTodo(index))

关注