Reactjs Ant设计微调器不工作

我把旋转器放在页面上，什么也看不到。没有错误或类似的控制台

这是我的密码：

import React, { Component } from 'react';
import { Spin } from 'antd';

import './App.css';

class App extends Component {
  render() {
    return (
      <div className="App">

        <Spin />
      </div>
    );
  }
}

export default App;

---

我相信你已经忘记为AndD导入CSS了

@import '~antd/dist/antd.css';

---

我相信你已经忘记为AndD导入CSS了

@import '~antd/dist/antd.css';

---

接受的答案将导入所有库样式

这里有一个更好的方法

import Spin from 'antd/es/spin';
import 'antd/es/spin/style/css';

---

接受的答案将导入所有库样式

这里有一个更好的方法

import Spin from 'antd/es/spin';
import 'antd/es/spin/style/css';

---

@HalfWebDev提出的解决方案没有解释为什么应该在组件级别导入CSS

也许这就是原因

但我想补充一点，@HalfWebDev提出的解决方案仍然不起作用。也就是像这样导入组件级CSS

import 'antd/es/spin/style/css';

上面的CSS仍然在继续添加一些全局样式，并干扰了我的样式设置

相反，用这种方法导入CSS对我来说很有效

  import 'antd/lib/spin/style/index.css';

---

@HalfWebDev提出的解决方案没有解释为什么应该在组件级别导入CSS

也许这就是原因

但我想补充一点，@HalfWebDev提出的解决方案仍然不起作用。也就是像这样导入组件级CSS

import 'antd/es/spin/style/css';

上面的CSS仍然在继续添加一些全局样式，并干扰了我的样式设置

相反，用这种方法导入CSS对我来说很有效

  import 'antd/lib/spin/style/index.css';

---

导入相关样式表了吗？导入相关样式表了吗？