reactjs - 从 Redux 设置初始状态

Question

我已将用户名、全名和电子邮件地址存储在 redux 存储中。我有一个需要电子邮件地址的组件，以便它可以进行API调用来获取用户组信息(使用域 - 即chase@gmail.com成为使用gmail.com进行数据库查询的关键)。该组件连接到存储并使用mapStateToProps来获取状态信息。

在 this.stat = { } 中执行类似操作是否是反模式

this.state = {
  group: '',
  owner: this.props.user.id,
  domain: this.props.user.email.split('@')[1],
  errors: {},
}

感谢您的所有建议。

Answer 1

在本地状态中复制 redux 状态并不是一个好习惯。

为什么？因为它不可扩展。想象一下您的数据是否需要更改。因此，您需要更新本地状态和 redux 状态。而且，如果你的 redux 状态发生变化 - 你需要更新本地状态。它会变成意大利面条。

<小时/>

你能做什么？

您只能使用 props 中的数据。实现 shouldComponentUpdate 方法以确保您的数据始终是最新的。

shouldComponentUpdate(nextProps, nextState) {
  return this.props.user !== nextProps.user
}

并使用 Prop 中的数据。