javascript - react 选择选项未正确显示

Question

我正在使用 React 构建应用程序，所以我使用 react-select 库来选择元素。我已经按照文档使用了它，但不幸的是选项显示为蓝色，而如果我们在教程中看到它们是透明的，只有选定的元素突出显示。

Here's the screenshot

这是codesandbox url: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 键替换为 value 即可。

https://codesandbox.io/s/rm7pnv2xpq