如何在Immutablejs和Redux和Flux和React中设置Ember之类的计算属性

Question

我习惯于在Ember Object Model中计算属性。这是一种指定依赖于其他属性的计算属性的简便方法。

说fullName取决于firstName和lastName，我可以将计算属性设置为一个函数，computeProperties并在computeProperties每次进行更改时调用。

例：

function computeFullName(state) {
  const fullName = state.get('firstName') + state.get('lastName');
  const nextState = state.set('fullName', fullName);
  return nextState;
}

function computeProperties(state) {
  const nextState = computeFullName(state);
  return nextState;
}

// store action handler
[handleActionX](state) {

  let nextState = state.set('firstName', 'John');
  nextState = state.set('lastName', 'Doe');

  nextState = computeProperties(nextState);

  return nextState;
}

有没有一种方法可以自动设置计算属性，这样我就不必每次都调用额外的函数。在Redux或ImmutableJS中。

Answer 1

Redux作者在这里！

按照WildService的建议使用重新选择是可行的方法。我认为我们不会将其包含在内核中，因为reselect可以很好地完成它的工作，并且可以将其作为一个单独的库很好。

我想注意几件事：

• 即使进行了重新选择，您也不想在化简器中计算数据。选择器应 在 减速器管理的状态下运行。换句话说， 选择器是Redux存储状态和组件之间的步骤—它们不在化简器中。 务必将Redux状态标准化，以便轻松更新。

• 实际上，我们鼓励您在相关的化简器 旁边 定义选择器，以便 在更改状态形状时不必更改组件， 而将使用选择器。您可以在“ 通量比较”的Redux文件夹中查看此示例。

• 我们有一个文档页面，介绍重新选择并描述如何使用它来计算派生数据。看看这个。