如何调用mapStateToProps

Question

mapStateToProps返回一个带有两个键的对象，provider & plan。在计划已经是道具的属性之前，无法解析提供程序的值。provider取决于计划的属性(plan.provider)。

我的想法是，第一次调用mapStateToProps时，它将返回以下内容：

(这确实是发生的事)

{
  plan: [Object],
  provider: undefined
}

既然计划已经解析并映射到道具上，我需要再次调用mapStateToProps，以便提供者也可以解析。第二次mapStateToProps应该返回：

{
  plan: [Object],
  provider: [Object]
}

这是处理这种情况的正确方法吗？

Answer 1

是的，这是一种非常合理的方法。假设分派了第二个操作(将适当的数据添加到存储区)，mapState将重新运行并返回更新的值，组件将重新呈现。

应该编写React组件，以便它能够安全地处理丢失的provider支柱，例如检查它是否存在，并返回一个“加载.”如果没有的话。

Answer 2

我认为这不是解决这个问题的好办法。我相信，如果您有计划作为承诺或异步操作，在更新提供程序值之前必须等待，您需要这样做，在我看来，Redux Middleware.Most是可靠的它们是Thunk，它允许您在操作中编写异步代码，然后当承诺解决时，您可以在状态中更新provider。

若要避免UI中的undefined提供程序值，请使用defaultProps，这将帮助您避免由于undefined提供程序而产生的问题。

我希望这能帮上忙。