Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在呈现Dom之前响应完整的AJAX请求。。。回拨_Javascript_Jquery_Ajax_Reactjs - Fatal编程技术网

Javascript 在呈现Dom之前响应完整的AJAX请求。。。回拨

Javascript 在呈现Dom之前响应完整的AJAX请求。。。回拨,javascript,jquery,ajax,reactjs,Javascript,Jquery,Ajax,Reactjs,我环顾四周,看到了一些有用的答案,但对我的问题毫无帮助。我的相关代码: 本质上,我的想法是让onSuccess成为一个回调函数,这样我就可以在使用这些道具调用子组件GameBoard之前完成状态更新。。。您知道如何在不影响async属性的情况下修复此问题吗?在render()的内部,您需要返回一条中间加载消息(或微调器组件),该消息根据标志有条件地进行渲染。完成后,让ajax请求切换该标志 一个非常基本的例子 render() { if (!this.state.didFetch) ret

我环顾四周,看到了一些有用的答案,但对我的问题毫无帮助。我的相关代码:

本质上,我的想法是让onSuccess成为一个回调函数,这样我就可以在使用这些道具调用子组件GameBoard之前完成状态更新。。。您知道如何在不影响async属性的情况下修复此问题吗?

render()
的内部,您需要返回一条中间加载消息(或微调器组件),该消息根据标志有条件地进行渲染。完成后,让ajax请求切换该标志

一个非常基本的例子

render() {
  if (!this.state.didFetch) return <div>loading...</div>;
  return <GameBoard />;
}
render(){
如果(!this.state.didFetch)返回加载。。。;
返回;
}
一旦ajax请求更新了状态,就会自动再次调用render()方法,使用道具渲染GameBoard。有关更多信息,请查看组件生命周期文档-具体来说,是关于更新


另外,由于React的虚拟DOM概念,通常认为将jQuery与React一起使用是不好的做法。如果你不在其他地方使用jQuery,你可能会考虑。

请张贴你的实际代码,而不是你用MIDLYWORD看的图片。