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

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

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>里写文字才有效果,哪位会的说下啊非常谢谢谢谢!!
查看回复