redux的实际数据流是什么？

Question

Redux数据流定义为： 操作->减速器->存储-> React组件->操作

但是我已经看到一些将数据流定义为： 动作创建者->商店->减速器->商店->视图->动作创建者

哪个是正确的？

Answer 1

行动是重要的部分。动作是具有类型属性的对象，可能是具有数据的其他属性。您可以通过调度动作来开始事情：

dispatch({
  type: 'ADD_USER',
  payload: 'tim'
});

通常，会有彼此相关的动作，这就是动作创建者进入的地方。动作创建者是创建动作的辅助方法。例如，这是一个动作创建者：

const addUser = (user) => {
  return {
    type: 'ADD_USER',
    payload: user,
  }
}

这使您可以使用类似以下代码的动作调度动作

dispatch(addUser('tim'));

使用这种样式可以使代码更简洁，同时还可以确保相同类型的所有动作看起来都相同（即，您永远不必记住“我是否将其称为action.payload或action.user “？）。但是，如果您对此没有必要，那也可以，也可以长期进行。