Javascript 在芯片上点击事件时响应选择功能调用

您好，当搜索栏中呈现的特定芯片上出现单击事件时，我正在尝试更改组件中的状态。这可能吗

我知道多值标签多值标签，例如，我可以用它改变芯片的背景颜色，所以我想我可以使用这些标签来改变状态，但我没有任何运气

我试图找到带有isSelected标记的解决方案，但我总是在状态中读取undefined

我觉得我需要一个

onClick（）

功能，但我想不出来。如果您能提供一点指导，我们将不胜感激！

---

我正在共享一个实时代码，也许我们可以讨论一下。

您可以在

多值标签组件中附加
onClick
侦听器

<Select
  isMulti={true}
  components={{
    MultiValueLabel: (props) => {
      return (
        <div onClick={() => console.log(props.data)}>
          <components.MultiValueLabel {...props} />
        </div>
      );
    }
  }}
  {...}
/>

{
返回(
console.log（props.data）}>
);
}
}}
{...}
/>

现场演示
如果要验证是否选择了某个选项，可以使用prop:isOptionSelected

或

用道具

  isMulti
  value={selected}
  onChange={onChange}
  components={{
    MultiValue: SortableMultiValue,
  }}

  isMulti
  value={selected}
  onChange={onChange}
  components={{
    MultiValue: SortableMultiValue,
  }}