reactjs react-select,从下拉列表中选择选项时

rjee0c15  于 2022-11-04  发布在  React
关注(0)|答案(1)|浏览(211)

我在我的项目中使用了react-select下拉列表。当我试图从下拉列表中选择一个选项并检查下拉列表时,所有选项的背景颜色都变成了蓝色。当我检查时,所有选项的类名都是react-select-option-is-selected。
我只需要将背景颜色应用于选定的选项,而不是所有的选项x1c 0d1x
第一个

yks3o0rb

yks3o0rb1#

这是因为您为reactselect提供了错误的选项结构。每个选项都应该有值和标签。由于您只提供了标签,而没有提供值,react-select无法理解所选择的内容。
试着改变

const modifiedSavedList = savedLists.map(({ name: label, ...rest }) => ({
    label, value: { ...rest }
  }));

相关问题