比如有下面这段代码
import React from 'react'
import 'antd/dist/antd.css';
import { Layout, Menu, Breadcrumb } from 'antd';
const { Header} = Layout;
function Index(props) {
const state = {
collapsed: false,
};
return (
<Layout>
<Header className="header">
<div className="logo">
<img src="./logo192.png" alt="" />
<span>Ant Design</span>
</div>
</Header>
</Layout>
)
}
export default Index我们通过设置className="",就可以对其样式进行设置
1、 首先，我们在项目根目录下的src目录下穿件目录assets，用于存储我们的样式
2、 其次，我们新建style.css文件，用于编写我们的样式
3、 引入：打开项目根目录下的App.js文件，采用以下方式引入
import './assets/style.css';
关于简忆
简忆诞生的故事
粤ICP备16092285号
文章评论（0）