React 项目记录（三）——在 React 中使用 antd

Step 1：安装antd

npm i --save antd

Step 2：引入文件

在需要使用到 antd 的页面顶部加上

import {Menu, Icon, Layout} from 'antd'
import 'antd/dist/antd.css'
const { Header, Footer, Sider, Content } = Layout;

Step 3：使用antd

在 render() 中使用 antd 组件

例如：

<Layout>
  <Header>Header</Header>
  <Layout>
    <Sider>Sider</Sider>
    <Content>Content</Content>
  </Layout>
  <Footer>Footer</Footer>
</Layout>