显示来自redux的数据子集的最佳方法是什么？

如何解决显示来自redux的数据子集的最佳方法是什么？

我正在使用openWeather API。它返回这样的响应。

{
  "cod": "200","message": 0,"cnt": 40,"list": [ ... ],// a list of size 40 which contains 3 hours forcast of 5 days

   "city": {
    "id": 2643743,"name": "London","coord": {
      "lat": 51.5073,"lon": -0.1277
    },"country": "GB","timezone": 0,"sunrise": 1578384285,"sunset": 1578413272
  }
}

现在在我的UI中，我有一个图表，显示了一天的温度，我希望用户能够在一天之间进行切换。就像Google UI一样。

我还实现了搜索功能，因此，当用户搜索城市时，来自api的响应会像这样附加到我的redux状态。

state: {
    data : [ ... ] // array of api responses 
}

为了显示数据，需要做两件事：1）显示哪个城市数据（redux状态包含数据数组）2）显示哪一天（api响应包含五天的预测数组）。 最初，我可以显示第一响应和第一天（当前日期）。当用户想要在几天或城市之间切换时会发生什么。我应该具有组件状态来处理该信息吗？还是应该将此信息保持在redux状态（为此我需要采取其他措施）？

解决方法

您说的应该是，首先显示您的第一天和第一座城市。 该信息存储在<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.0/moment.min.js"></script>中。

现在在redux中，您将获得一组为期5天的预测redux。 当用户想更改日期时。从星期一到星期三，您将从redux中获取该信息并将其绑定到component。

第二天要再次询问redux，是否需要在组件中使用它，如果没有，则将其放入redux中。

如果您需要管理该信息以某种方式更改它（我认为您在此应用中不需要它），则可以将数据放入([0: {},1: {},2: {},3: {},4: {}]中，否则可以将其用作{{1} }。