如何从路由参数正确获取数据？

Question

我有一条显示当前数据的“主要”路线，另一条具有“收藏夹”的路线 当用户单击最喜欢的组件时，会将其发送到主要路线，并且需要呈现从api提取并通过redux更新的新数据。

所以我在主要组件中使用下面的代码，但是我得到的是先前的数据显示了几秒钟，然后才改变：

  async componentWillMount(){
        let {cityName} = this.props.match.params
        if (cityName) return await this.props.onDataLoad(cityName)
        if (!dailyForecasts) await 
  this.props.onDataLoad(this.state.defaultCity) 
    }

如何避免这种行为？