重的api呼叫反应原生慢

Question

我在insert函数的本机中有一个很大的api调用（即一个使用大量数据的调用）。问题在于它导致整个应用程序变得迟缓。

componentDidMount()

目前我刚刚将其评论用于开发目的，但我将来需要它。有没有克服这个？

显而易见的事情是要求减少数据，但这对应用程序至关重要。我稍后在渲染方法中显示事务列表：

componentDidMount() {
      fetch(HEAVY_CALL)
       .then(response => response.json())
       .then(responseJSON => {
         var txs = [];
         responseJSON.result.forEach(transaction => {
         this.setState({
           transactions: txs,
         });
       });
    });
  }

任何帮助都会非常感激。

由于

Answer 1

您正在每个forEach步骤设置状态。您应该在每一步将数据推送到txt数组，最后应设置状态。