就是进入首页的时候,会有一个过渡动画,等页面加载完成之前有个过渡效果,这个怎么写,我写了个组件如下:
import React from 'react';
import {Spin} from 'antd';
import ReactDOM from 'react-dom';
ReactDOM.render(
<div>
<Spin size="small" />
<Spin />
<Spin size="large" />
</div>,
document.getElementById('react-loading')
);
然后我在index.html页面上这家添加:
<body>
<div id="react-content">
<div id="react-loading"><script src="./entry/loading.jsx"></script></div>
</div>
</body>
还有这样添加:
<div id="react-content">
<div id="react-loading"></div>
</div>```
但是这样不行,只有在第一个<DIV>里写文字才有效果,哪位会的说下啊非常谢谢谢谢!!
这个其实很简单,可能你想复杂了。
直接在index.html页面里边写一个css的动画就可以了。
这个主要是防止加载reactjs打包后的文件,等待时间过长的问题。如果你在用reactjs就起不到一个很好的效果了,结果就是白屏,等待加载,加载完,很短的间隔(毫秒),跳转首页