嘗試向 react-select 中的選項添加圖標。我從文件england.svg, 中導入了 svg 圖標germany.svg。我創(chuàng)建customSingleValue并放入<Select components={{ SingleValue: customSingleValue }} />顯示標簽，但不顯示圖標。演示在這里：https : //stackblitz.com/edit/react-q19sorimport Select from 'react-select'import { ReactComponent as IconFlagEngland } from "./england.svg";import { ReactComponent as IconFlagGermany } from "./germany.svg";const options = [  { value: 'England', label: 'England', icon: <IconFlagEngland/> },  { value: 'Germany', label: 'Germany', icon: <IconFlagGermany/> }]const customSingleValue = ({ options }) => (    <div className="input-select">        <div className="input-select__single-value">            { options.icon && <span className="input-select__icon">{ options.icon }</span> }            <span>{ options.label }</span>        </div>    </div>);class App extends Component {  constructor() {    super();    this.state = {      name: 'React'    };  }  render() {    return (       <Select            defaultValue={ options [0] }            options={ options }            /*styles={ selectCustomStyles }*/            /*onChange={ changeSelectHandler }*/            components={ {SingleValue: customSingleValue } }        />    );  }}render(<App />, document.getElementById('root'));