使用redux-actions时,我可以提前绑定参数值吗?

时间:2017-10-20 10:38:26

标签: redux redux-saga redux-actions

我有一个动作和一个传奇。

我想从actions.js内部为动作实例提供一个值。

我还想从传奇内部为动作实例提供一个值。

因此,当调用与该操作关联的reducer时,它会在有效负载中收到两个值。

我该怎么做?

actions.js

import { createAction } from 'redux-actions';
export const myAction = createAction('ACTION_NAME'); // How do I supply payload value "foo" here?

sagas.js

function* mySaga({
    yield put(myAction()); // How do I supply  payload value "bar" here?
}

reducers.js

export default handleActions({ 
  'ACTION_NAME': handleReduce(state, { payload: { foo, bar } }) => 
     { /* foo and bar should be defined */ }) });

1 个答案:

答案 0 :(得分:1)

创建操作时,您可以向其添加任何有效负载。现在,您只需使用裸字符串创建操作,而无需使用有效负载。

createAction(type, payloadCreator)

payloadCreator必须是函数,未定义或null

createAction('ACTION_NAME', () => { reuturn {foo: 'bar'}; })

https://github.com/reduxactions/redux-actions/blob/master/docs/api/createAction.md#createactiontype-payloadcreator-createactiontype-payloadcreator

在sagas中的

接受带有类型(字符串)和有效负载的裸对象

E.g。 yield put({ type: 'PRODUCTS_RECEIVED', products })

因此,如果createAction返回带有类型和有效负载的对象,它也将被sagas使用。您可以在yeld之前使用console.log来检查您的操作创建者返回的内容。

console.log('Action for saga:', myAction());    
yield put(myAction()); // How do I supply  payload value "bar" here?