Skip to content

Latest commit

 

History

History
54 lines (34 loc) · 1.76 KB

action.md

File metadata and controls

54 lines (34 loc) · 1.76 KB

#Action 技术要点

action 是把数据从应用传到 store 的有效 payload (载荷), actionstore 数据的唯一来源

一般会通过 store.dispatch()action 传到 store

Redux 里的 action 一般有两个概念,一是指 Action Types,二是指 Action Creator

##Action Types

action 内使用字符串类似的 type 字段来表示要执行的动作,但大型应用就要放到单独的 action 文件里

如:import { LIST_DATA, ADD_DATA, REMOVE_DATA } from '../action-types'

##Action Creator

Redux 中的 action creator 函数仅返回一个 action 对象,如下:

function addData(text) {
    return {
        type:ADD_DATA,
        text
    };
}

只需要把 action creator 的结果传给 dispatch() 方法就可实例化dispatch,如:dispatch(addData(text))

或者创建一个被绑定的 action creator 来自动 dispatch

let boundAddData = (text) => dispatch(addData(text));

然后直接调用: boundAddData(text);

store 里能直接通过 store.dispatch() 调用 dispatch() 方法,但多数情况下使用react-reduxconnect() 来调用。

bindActionCreators()更是可以自动把多个** action creator **绑定到dispatch()方法上。

尽量减少在 action 中传递的数据

纠错

  • QQ:2225226

相关文档