React中如何解决调用调用一个接口依赖于另一个接口返回值的情况

Question

1. 项目中采用mobx来进行数据的存储和通信，如果我有两个接口A && B, 接口B依赖于接口A执行成功后返回的某个值，那么网络畅通的情况下，有哪些做法 才能保证 调用接口B的时候，接口A已经成功调用并且有返回值？各位小伙伴 有么有良策？是在mobx中解决 还是 在 react中解决？
2. 具体需求如图：

下拉菜单的的值 是调用接口A get到的结果
图表查询 根据接口A get到的结果的第一个值 作为参数 调用接口B的结果

Answer 1

  @action
  async getData () {
    const resA = await axios.get('a')
    const resB = await axios.post('b', resA.data)
    runInAction(()=>{
      this.chartData = resB.data
    })
  }

Answer 2

其实，在一个actoin 中可直接调用另一个action 通过this调用即可