如何更改反应选择颜色

Question

我不确定如何将颜色从默认的蓝色更改为其他颜色。示例代码在下面的codeandbox链接中。我尝试更改root的样式，但没有成功。

https://codesandbox.io/s/ly87zo23kl

Answer 1

2.1.0版react-select已添加了覆盖主题的选项。

这里是一个工作原理的例子：

<Select
    defaultValue={flavourOptions[0]}
    label="Single select"
    options={flavourOptions}
    theme={(theme) => ({
      ...theme,
      borderRadius: 0,
      colors: {
      ...theme.colors,
        text: 'orangered',
        primary25: 'hotpink',
        primary: 'black',
      },
    })}
  />

你可以找到在这里完整的文档和活生生的例子和了这里不同的变量可以被覆盖。