从 redux reducer 中获取结果

Question

我有一个从外部代码调用的函数。它的效果应该是根据传递的数据在我的 redux 存储中创建一个对象，并返回对象的 id 作为将来更新的句柄：

const addNode = (data) => {
    dispatch(createNode(data));
    ...
    return createdNodeId;
}

我的问题是：如何获取作为调度操作的结果创建的对象的 id？

调度返回完整状态，而不仅仅是新对象。我看到了几个选项，但我不确定哪个是最好的......

选项 1：生成并传递 ID

自己在 addNode 中生成 id 并将其与其余数据一起传递给 createNode(...)。

从实践的角度来看，这可能是最简单的，但从概念的角度来看，我觉得这很可怕。以前的内部 id 生成策略突然暴露在我的函数中，而且，根据 id 策略，我可能必须处理各种 id 冲突和/或同步以避免这些。

选项 2：从结果状态中提取 ID

我想可以从结果状态中推断出新节点。但这很快就会变得非常复杂，别介意慢...

选项 3：将 ID 传递回去

动作应该是不可变的。但是，如果我在我的操作中指定一个“结果”属性，reducer 将写入该属性以传递所需的信息，实际上会发生什么？据我了解，只要“result”属性永远不会被reducer视为操作输入有效负载的一部分，这应该可以正常工作。

这仍然有点狡猾，因为动作现在是部分可变的。但考虑到其他选项，这是我现在最喜欢的。

编辑： 之前有人问过similar question，但答案是更改减速器以避免需要结果。遗憾的是，这不是一个选项。

Answer 1

听起来好像是你的 reducer 正在为新创建的对象生成 id。如果那是正确的，那么我猜它是一个相当简单的同步过程。这对我来说似乎也不合适。我希望reducer 仅作用于动作中传递的数据，其中应该包括新对象的ID。所以我建议选项 4..

将生成 id 的代码从 reducer 分解到它自己的空间中。使用该代码将 id 包含在分派的操作中以创建新对象，可以来自任何分派该操作的代码，也可以来自操作创建者本身。从您的函数中返回 id。

const addNode = (data) => {
  const action = createNode(data);
  dispatch(action);
  ...
  return action.payload.id;
}