Question

任何人都不知道如何在react-select v2中使用自定义图标吗？版本1曾经有一个output_ds[{'x': slice(None, None, 200), 'y': slice(None, None, 200)}]道具，您可以使用一个可以呈现不同效果的函数来传递它。在v2上似乎不起作用。

这是我目前拥有的：

arrowRenderer

但是由于某种原因，我仍然使用默认的V型燕尾形。有人知道是否可以在v2上执行此操作吗？

Answer 1

here

https://github.com/JedWatson/react-select/issues/685#issuecomment-420213835

示例代码段

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
/>

将搜索图标与react-select v2一起使用

1 个答案: