Redux操作回调

时间:2019-09-29 13:21:43

标签: reactjs redux redux-thunk

我陷入一种情况,在这种情况下,我调用redux动作来更新存储区中的状态,从而更新一个组件。我想在该组件更新时收到回调。如何接收该回调?

2 个答案:

答案 0 :(得分:1)

如果您需要接收回调,您需要使用 callbackable-actions 标准化操作。 actions-creator 包具有回调能力,可用于创建回调能力动作对象。

npm install actions-creator
import actionsCreator from "actions-creator"
const my_callback = () => {
    console.log("Hello, I am callback!!!")
}
const callbackable_action = actionsCreator.CALLBACKABLE.EXAMPLE(1, 2, 3, my_callback)
console.log(callbackable_action)
//      {
//          type: "CALLBACKABLE/EXAMPLE",
//          args: [1, 2, 3],
//          cb: f() my_callback,
//          _index: 1
//      }
callbackable_action.cb()
//      "Hello, I am callback!!!"

有关详细信息,请参阅:Actions Creator

答案 1 :(得分:0)

您可以将回调函数作为参数传递给您的操作,例如:

在组件中调用操作:

yourFunction(data, callback())

以及您的操作:

yourFunction(data, callback){
  ... do what you have to ...
  callback()
}

不是一个非常清楚的示例,但是如果您想获得更好的答案,则应该将代码放在问题中。