2 redux Action

Action

action是一个对象（object），表示一个任务的描述

如下：添加新 todo 任务的 action 是这样的：

const ADD_TODO = 'ADD_TODO'

// 如下对象表示一个 action

var add = {

  type: ADD_TODO,

  text: 'Build my first Redux app'

}

我们约定，action 内必须使用一个字符串类型的 type 字段来表示将要执行的动作类型，除了 type 字段外，action 对象的其他字段完全由你自己决定。

建议使用单独的模块或文件来存放 action。

import { ADD_TODO, REMOVE_TODO } from '../actionTypes'

 

 

Action 创建函数

Action 创建函数用于创建action

action 创建函数只是简单的返回一个 action，如下示例：

function addTodo(text) 

{

  return {

    type: ADD_TODO,

    text

  }

}

 

 

将action传给Reducer

通过store的 dispatch() 方法可将action传给reducer。

store.dispatch(addTodo(text))

store.dispatch(completeTodo(index))

 

action示例

/*

 * action 类型

 */

export const ADD_TODO = 'ADD_TODO';

export const TOGGLE_TODO = 'TOGGLE_TODO'

export const SET_VISIBILITY_FILTER = 'SET_VISIBILITY_FILTER'

 

/*

 * action 创建函数

 */

export function addTodo(text) {

  return { type: ADD_TODO, text }

}

export function toggleTodo(index) {

  return { type: TOGGLE_TODO, index }

}

export function setVisibilityFilter(filter) {

  return { type: SET_VISIBILITY_FILTER, filter }

}