React Native Redux 中的 ...store 是什么？

Question

我正在学习 React Native Redux。但我不知道什么是...store 或...state。我的 Reducer 代码是

...
const defaultState = {
...
};
export default (store = defaultState, action) => {
  switch (action.type) {
    case XXX: {
     return {
     ...store,
     XXX: XXX
    };
  ...
   }
  }
};

我需要有关...商店的详细信息。我无法通过谷歌搜索找到。谢谢。

Answer 1

您正在查看 ES6 spread operator，它基本上传播一个对象的所有属性，即如果：

let myObject = {
  foo: 'bar',
  value: 1
}

并且您使用：

let another = {
  ...myObject,
  thing: 2
}

您将获得：

another = {
  foo: 'bar',
  value: 1,
  thing: 2
}

在 Redux 的情况下，你是说你想要 return 商店的现有内容，加上一些其他属性。

Answer 2

您应该将 "store" 参数明确地称为 "state" 以避免混淆。

你正在编写一个减速器，它接受当前状态和一个动作，returns 新状态。

Redux 存储是 Redux 的一部分，它保存和管理您的 Redux 状态（允许访问状态、通过中间件和 reducer 分派操作、注册侦听器等...）。

我建议你阅读 Redux 文档的 "Basic" 部分来理解状态、动作、reducers 和 store 的含义： http://redux.js.org/docs/basics/index.html

在你的减速器中，你将使用 ...state（object/array 传播运算符）从当前状态开始创建新状态。

请参阅此处了解在您的减速器中使用展开运算符： http://redux.js.org/docs/recipes/UsingObjectSpreadOperator.html

希望这对你有所帮助，Matteo

React Native Redux 中的 ...store 是什么？

What is ...store in React Native Redux?

react-native

react-redux