按照 Redux 状态处理大型数组

Question

假设您有大量项目作为 redux 状态的一部分。现在，每当一个项目 added/deleted 我想打一些 API 电话。目前我正在做这样的事情：

 class Mixer extends React.Component{

   componentWillReceiveProps(nextProps) {
     // compare two massive arrays
     // API call
   }

   render() {
     //whaeva
   }
 }


 MixerContainer = connect(
   mapStateToProps,
   mapDispatchToProps
 )(Mixer)

它比较两个大数组（nextProps 与 current props）并在添加新项目或删除项目时进行 API 调用。这看起来效率很低，但是有没有更好的方法来处理这个问题？

Answer 1

你应该总是在行动中做那些事情。创建一个调用 API 调用的操作，并在服务器 returns 成功后更改客户端存储。这样，您可以防止客户端和服务器数据集不同的意外情况。服务器应始终是您的真实来源。