reactjs - React(w/react-redux)缓存选项

Question

我正在构建一个应用程序，用户登录后可以看到许多统计信息。

每个统计数据都是 API 调用的结果 - 想象一个包含多个列的表格，每列包含一个统计数据(只是一个数字)。

我注意到每次重新渲染组件时，都会再次进行 API 调用。这会带来严重的性能问题，因为可能需要几毫秒才能显示统计数据。我该怎么办:

a) 缓存此信息，以便其持续存在并且不需要在每次渲染时重新调用，b) 让应用程序“知道”何时重新调用 API，因为数据库中的统计信息已更新？

我目前正在使用 Redux 来存储更明显的内容，例如用户正在查看哪个营销事件，但肯定有更好的方法来缓存这些统计数据，而不是为每个统计数据创建操作和缩减程序？

Answer 1

a) 要将数据缓存到 localStorage 中，请观看此 video作者:Dan Abramov(redux 作者)

b) 为了避免重新渲染组件，请使用 shouldComponentUpdate

shouldComponentUpdate(nextProps, nextState) {
  /**If no change in state return false*/
  return this.state.value != nextState.value;
}

通过这种方式，您可以停止不必要的重新渲染。