css引用antd样式 |css 气泡对话框

import 'antd/dist/antd.css';

在React项目中，大家可以使用import语句引入Ant Design的CSS样式文件，这样大家就可以在项目中使用Ant Design的组件和预定义样式了。

以上代码示例中，大家使用了ES6模块语法引入了Ant Design的CSS文件。具体来说，大家使用了import关键字引入了’antd/dist/antd.css’这个路径所代表的文件。这意味着大家需要确保Ant Design的CSS文件在项目的”node_modules/antd/dist”目录下。如果你使用的是React脚手架，Ant Design的CSS文件会自动安装在这个目录下，并且下面的import语句也会被自动生成。

在React项目的入口文件中引入Ant Design的CSS文件是很常见的做法。例如，在项目的index.js文件中，大家可以写以下代码：

import React from 'react';
import ReactDOM from 'react-dom';
import 'antd/dist/antd.css';
import App from './App';
ReactDOM.render(,
document.getElementById('root')
);

通过这种方式，大家可以确保在每个页面中都可以使用Ant Design提供的样式和组件。这使得大家的项目更加统一和整洁，也更容易维护。

总的来说，通过简单引入Ant Design的CSS文件，大家就可以轻松地在React项目中使用Ant Design的组件和样式。这是一个非常有用的技巧，也是React开发中必须要掌握的知识点之一。