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。

select dummy,NONE, rowid as "rownum",NONE as order_number from dual

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

Answer 2

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

这是首选的方式

class

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无法正常工作

3 个答案: