使用shouldComponentUpdate防止重新渲染时出现抖动

Question

加载下一页项目时，我的React应用程序出现问题。页面的某些部分先于其他部分加载，另一些部分则加载上一页的数据，然后快速切换到新页面的数据。该功能可以正常工作，但看起来有点过时。

我已经解决了此问题，方法是添加状态以确定组件是否正在加载下一页，并且仅在不加载时才对其进行更新。

async nextPage(){
  this.setState({isLoading: true})
  await apiCall()
  this.setState({isLoading: false})
}

shouldComponentUpdate(nextProps, nextState, nextContext) {
    return !this.state.isLoading
}

这似乎是一种不好的做法，并且可能导致无关的后果。有没有更清洁的解决方案来解决这个问题？