react使用ant.design学习记录1

1、组件样式不生效

问题原因：没有引入样式，在入口文件或者使用文件引入import ‘antd/dist/antd.min.css’

2、antd自定义icon

在antd中suffixIcon、clearIcon等属性都是自定义icon的，注意在使用过程中不是直接传入图片路径的，而是传入一个图片标签，例如：

<Select defaultValue="lucy" style={{ width: 120 }} onChange={(val) => handleChange(val)} allowClear suffixIcon={<img src={require('./assets/bg.png').default}/>}></Select>

也可以使用antd自己的icon
注意：在react中图片是不可以直接在img里面写图片路径的，
方法一：使用 import方法引用
方法二： 使用require（），不能放入变量，否则不生效，当使用require也不生效，require返回一个ES模块而不是字符串。这是因为在file-loader中，esModule选项是默认启用的。后面加上.default，require（）.default