Ant-design Spinner 不工作

Question

我将微调器放在页面上，但什么也看不到。没有错误控制台或类似的东西。

这是我的代码：

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;

Answer 1

我相信你忘记为 AndD 导入 CSS。

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

https://ant.design/docs/react/use-with-create-react-app

Answer 2

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

这是一种首选方法

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

Answer 3

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

大概就是这个原因Remove global Styles

但我想补充一点，@HalfWebDev 提出的解决方案仍然无效。也就是只导入组件级别CSS这样

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

上面CSS还在继续添加一些全局样式，打扰了我的造型。

用这种方法导入 CSS 对我有用

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

Ant-design Spinner 不工作

Ant-design Spinner not working

reactjs

antd