反应选择选项未正确显示

Question

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

这是截图

这是代码沙箱网址： https://codesandbox.io/s/pwkl54q2jj

我尝试了哪些解决方法：

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

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

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

Answer 1

想通了。将name键交换为类别数组中的value，它可以工作。

https://codesandbox.io/s/rm7pnv2xpq