如何设置 react-multi-select-component 的箭头样式？

【问题标题】：How can I style the arrow of react-multi-select-component?如何设置 react-multi-select-component 的箭头样式？
【发布时间】：2023-03-16 10:28:01
【问题描述】：

我正在寻找自定义反应多选组件中的向下箭头图标。在文档中，有一个属性ArrowRenderer 以reactNode 作为值。

如何配置它来自定义样式？下拉列表如下：

任何帮助将不胜感激

【问题讨论】：

在这里放一个演示（例如：codesandbox.io/s/react-new）应该更容易让其他人帮助你

标签： javascript reactjs multi-select

【解决方案1】：

将您的反应节点放在具有特定类（名称）的 div 标签中，然后通过 css 选择器访问该类。

<MultiSelect
 arrowRenderer={()=> 
   <div className="custom-arrow" >
     <CustomArrowComponent />
   </div>
  }
/>

【讨论】：