reactjs 如何更改react-select上的下拉指示器位置

0h4hbjxa 于 2023-01-17 发布在 React

关注(0)|答案(2)|浏览(145)

是否可以将React Select组件上的下拉指示器更改为“浮动”在左侧（而不是默认情况下的右侧）？
我正在检查其API上的下拉指示器 prop ，但目前没有线索。

2条答案

由于容器使用的是flex，因此可以通过反转行顺序将下拉指示器向左移动

const customStyles = {
  control: (base) => ({
    ...base,
    flexDirection: "row-reverse"
  })
};

<Select
  styles={customStyles}
  options={options}
/>

对此有一个isRtl属性：

<Select<OptionType>
    isRtl
    options={options: OptionType[]}
/>

你可以在他们的文档中找到