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

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) 
    }

我如何避免这种行为？