Javascript 如何使用React+；重演

我正在使用React+Redux。 假设在同一屏幕上有一个组件和B组件。 A和B都通过异步处理从服务器获取JSON

但是，我需要使用在A中获取的数据作为B的参数

分派后是否可以运行任何事件？ 或者在呈现a之后执行B的方法

---

抱歉提出这个抽象的问题。

请逐个检查此同步调用。您可以根据需要的目标进行修改

这就是基于第一个api响应调用第二个api的方式

函数fetchA（url）{
返回获取（url）
。然后（res=>res.json（））；
}
函数fetchB（url，id）{
返回fetch（`${url}/users/${id}`）
.then（res=>res.json（））
}
异步函数myFunc（url）{
让A=等待fetchA（`${url}/posts/3`）；
让B=等待fetchB（url，A.id）；
控制台日志（A）
控制台日志（B）
}
myFunc（'https://jsonplaceholder.typicode.com');我不太明白你为什么要这样做。更多信息可能有助于我们向您提供我们的意见。也许你可以做一个例子或是嘲笑你想做的事

以下是我认为可以为您提供的解决方案。希望能有帮助


A类扩展了React.Component{
doYourApiCall（）{
//在这里，您可以正常地执行API调用。下面是一个如何实现的示例
//
//获取（`${url}/someData/`）
//.then（res=>res.json（））
//。然后（数据=>{
//分派（{someData:data.someData}）；
//   });
//
//呼叫结束后，将数据发送到Redux以在B中访问它
}
componentDidMount（）{
这个；
}
render（）{
返回A；
}
}
类扩展了React.Component{
componentDidUpdate（prevProps、prevState）{
//someData是从api调用发送的
如果(
this.props.someData！==null&&
this.props.someData！==prevProps.someData
) {
//进行另一个api调用
//
//fetch（`${url}/otherData/${this.props.someData}`）
//.then（res=>res.json（））
//。然后（数据=>{
//分派（{otherData:data.otherData}）；
//   });
}
}
render（）{
//这个道具应该在redux状态下使用
//这样，只有当道具otherData可用时，才会呈现B内容
//意味着安装了一个组件
如果（！this.props.otherData）{
返回装载。。。；
}
返回B；
}
}
类应用程序扩展了React.Component{
render（）{
返回(
);
}
}
render（，document.getElementById（“根”））
我决定使用
redux saga
。
现在我正在尝试使用它。
你想一个接一个地执行api调用吗？@Vahid Akhtar是的。是的。我发布了javascript演示代码，您可以使用这样的逻辑，然后向您发送操作