Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/404.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 React中的预加载数据_Javascript_Reactjs_React Redux_React Router - Fatal编程技术网

Javascript React中的预加载数据

Javascript React中的预加载数据,javascript,reactjs,react-redux,react-router,Javascript,Reactjs,React Redux,React Router,在react中导航到路线之前预加载数据的最佳方法是什么 我们是使用HOC还是使用thunk和show spinner异步获取componentDidMount方法中的数据,直到获取数据为止,还是有更好的方法?加载数据的方法有很多,其中大部分取决于个人喜好。在基于web的应用程序中,我倾向于直接加载整个页面,并且只在获取数据的地方显示微调器或加载动画。采用这种方法,人们不会认为应用程序在整个页面加载时被卡住 例如,如果我在页面上有一个获取用户数据的表,我会在表中显示一个动画,说明数据正在加载 获取

在react中导航到路线之前预加载数据的最佳方法是什么


我们是使用HOC还是使用thunk和show spinner异步获取componentDidMount方法中的数据,直到获取数据为止,还是有更好的方法?

加载数据的方法有很多,其中大部分取决于个人喜好。在基于web的应用程序中,我倾向于直接加载整个页面,并且只在获取数据的地方显示微调器或加载动画。采用这种方法,人们不会认为应用程序在整个页面加载时被卡住

例如,如果我在页面上有一个获取用户数据的表,我会在表中显示一个动画,说明数据正在加载


获取数据的一个好方法是构建一个自定义钩子,返回加载状态和数据

加载数据的方法有很多种,其中大部分取决于个人喜好。在基于web的应用程序中,我倾向于直接加载整个页面,并且只在获取数据的地方显示微调器或加载动画。采用这种方法,人们不会认为应用程序在整个页面加载时被卡住

例如,如果我在页面上有一个获取用户数据的表,我会在表中显示一个动画,说明数据正在加载


获取数据的一个好方法是构建一个自定义钩子,返回加载状态和数据

我更愿意在componentDidMount中编写API调用,并在加载内容之前显示微调器

但是你也应该注意以下几点

不要在根/主组件中加载所有API。 在需要时,将项目列在组件中。
这种方法将帮助我们减少页面加载时间和性能。

我更愿意在componentDidMount中编写API调用,并在加载内容之前显示微调器

但是你也应该注意以下几点

不要在根/主组件中加载所有API。 在需要时,将项目列在组件中。 这种方法将帮助我们减少页面加载时间和性能