可以使用CSS样式来去除Select组件的箭头图标。可以在全局或特定组件内的样式文件中添加以下代码:
/* 去除Select组件的箭头图标 */
.ant-select-arrow {
display: none;
}
或者在antd.less文件中定义全局样式,也可以去除Select组件的箭头图标:
/* 去除Select组件的箭头图标 */
@import '~antd/dist/antd.less';
.ant-select-arrow {
display: none;
}
然后在需要使用Select组件的地方直接引入即可。
代码示例:
import React from 'react';
import { Select } from 'antd';
const Option = Select.Option;
class MySelect extends React.Component {
render() {
return (
);
}
}
export default MySelect;