react-select 多选组件错误

Question

我在使用 react-select 和 isMulti 道具时遇到困难。即使它是一个多选组件，当我选择一个选项时，react-select 指示没有其他选项可用。

例子： https://codesandbox.io/embed/react-typescript-forked-67hdk7?fontsize=14&hidenavigation=1&theme=dark

我知道它与js map函数有关，但我自己想不通。

例子： https://codesandbox.io/embed/react-typescript-forked-67hdk7?fontsize=14&hidenavigation=1&theme=dark

Answer 1

那是因为您所有的选项都具有相同的价值（在您的情况下是相同的价格）。

确保为选择的每个选项（通常是 ID）分配一个唯一的

value

。