reactjs - 如何更改 Material-ui 选择字段中的下拉图标？

Question

我正在使用material-ui选择字段。我想将给定的下拉图标更改为不同的字体图标。如何实现这一目标？我没有看到任何覆盖此样式的选项

Answer 1

在最新的 Material-ui v1.4.0 中。有一个属性 IconComponent 可以接收函数:

import Select from '@material-ui/core/Select';
import Person from '@material-ui/icons/Person';
<Select
  IconComponent={() => (
    <Person />
  )}>

另外，如果图标不可点击，则需要在css中添加{ 指针事件:无 }