Reactjs 使用带有react select v2的搜索图标

有人知道如何在react select v2中使用自定义图标吗？版本1曾经有一个

arrowRenderer

prop，您可以通过一个函数传入，该函数将呈现不同的内容。这似乎对v2不起作用

以下是我目前拥有的：

renderSearchIcon = () => (
  <svg {...svgProps}>
    <path d={path} />
  </svg> 
)

<Select
  {...this.props}
  arrowRenderer={this.renderSearchIcon}
  defaultValue={defaultValue}
  options={options}
  onChange={onSelectChange}
/>

renderArchicon=（）=>(
)

但出于某种原因，我仍然得到了默认的雪佛龙。有人知道是否可以在v2上执行此操作吗？

示例代码段：

import Select, { components } from 'react-select';

const DropdownIndicator = props => {
  return (
    components.DropdownIndicator && (
      <components.DropdownIndicator {...props}>
        <FontAwesomeIcon icon={props.selectProps.menuIsOpen ? "caret-up" : "caret-down"}/>
      </components.DropdownIndicator>
    )
  );
};


<Select
  components={{ DropdownIndicator }}
  // pass other props
/>

import Select，{components}来自“react Select”；
常量下拉指示器=道具=>{
返回(
components.DropdownIndicator&&(
)
);
};