反应选择选项无法正确显示

Question

我正在使用react构建应用程序，因此我在选择元素上使用react-select库。我已经阅读并使用了文档，但不幸的是，这些选项显示为蓝色，而如果我们在教程中看到它们是透明的，则仅选中的项目会突出显示。

Here's the screenshot

这是codeandbox网址：https://codesandbox.io/s/pwkl54q2jj

我尝试过哪些解决方法：

1. 降级react和react-dom版本。
2. 将组件从CategoryForm组件取出到状态所在的App组件。没用
3. 在我的设置中通过创建一个新组件并对其进行渲染，尝试了文档https://codesandbox.io/s/vm8x1jmm00?module=/example.js中给出的代码。
4. 删除所有div并从中抽象选择。

什么都没用...有人在这里帮忙吗？

我希望我已提供了所有需要的信息。如果您需要更多信息，请发表评论。

Answer 1

弄清楚了。在您的类别数组中将name的{​​{1}}交换为有效。

https://codesandbox.io/s/rm7pnv2xpq