首页 > 怎么添加过渡页面,想不明白?

怎么添加过渡页面,想不明白?

就是进入首页的时候,会有一个过渡动画,等页面加载完成之前有个过渡效果,这个怎么写,我写了个组件如下:

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就起不到一个很好的效果了,结果就是白屏,等待加载,加载完,很短的间隔(毫秒),跳转首页

【热门文章】
【热门文章】