这是谷歌Adsense应用页面的一个例子.主页之前显示的加载屏幕在主页之后显示.
我不知道如何使用React做同样的事情,因为如果我使用React组件呈现加载屏幕,页面加载时它不会显示,因为它必须等待DOM呈现.
Updated:
我以我的方法为例,将screen loader放入index.html
,并在React componentDidMount()
lifecycle method中删除它.
这是谷歌Adsense应用页面的一个例子.主页之前显示的加载屏幕在主页之后显示.
我不知道如何使用React做同样的事情,因为如果我使用React组件呈现加载屏幕,页面加载时它不会显示,因为它必须等待DOM呈现.
Updated:
我以我的方法为例,将screen loader放入index.html
,并在React componentDidMount()
lifecycle method中删除它.
这可以通过在html文件(index.html for ex)中放置加载图标来实现,这样用户在加载html文件后就可以立即看到该图标.
当你的应用程序完成加载时,你可以简单地删除生命周期挂钩中的加载图标,我通常在componentDidMount
分钟内完成.