React select 我们能否以编程方式删除react select中的一个选定选项？

在react select中，是否可以通过编程方式删除react select中的一个选定选项

例如，在下面的屏幕截图中，我想以编程方式取消选择

red

---

非常感谢

您可以在状态中保存所选选项，并通过更新新状态删除所选选项，您可以在此处进行检查

import React，{useState}来自“React”；
导入“/styles.css”；
从“反应选择”导入选择；
常量选项=[
{值：“巧克力”，标签：“巧克力”}，
{值：“草莓”，标签：“草莓”}，
{值：“香草”，标签：“香草”}
];
导出默认函数App（）{
const[selectedOption，setSelect]=useState（null）；
const handleChange=selectedOption=>{
设置选择（选择选项）；
};
const removeOption=e=>{
const newSelect=selectedOption.filter(
item=>item.value！==e.target.name
);
setSelect（newSelect）；
};
返回(
除去巧克力
除去香草
除去草莓
);
}

为什么不将其从传递给

选择组件的
值中删除？为什么不将其从传递给
选择组件的
值中删除？非常感谢。你太棒了。
import React, { useState } from "react";
import "./styles.css";
import Select from "react-select";

const options = [
  { value: "chocolate", label: "Chocolate" },
  { value: "strawberry", label: "Strawberry" },
  { value: "vanilla", label: "Vanilla" }
];

export default function App() {
  const [selectedOption, setSelect] = useState(null);
  const handleChange = selectedOption => {
    setSelect(selectedOption);
  };
  const removeOption = e => {
    const newSelect = selectedOption.filter(
      item => item.value !== e.target.name
    );
    setSelect(newSelect);
  };
  return (
    <>
      <Select
        isMulti
        value={selectedOption}
        onChange={handleChange}
        options={options}
      />
      <button name="chocolate" onClick={removeOption}>
        Remove Chocolate
      </button>
      <button name="vanilla" onClick={removeOption}>
        Remove Vanilla
      </button>
      <button name="strawberry" onClick={removeOption}>
        Remove Strawberry
      </button>
    </>
  );
}