添加选项时停止react-select扩展

import React, { useState } from "react";
import CreatableSelect from "react-select/creatable";

const options = [
  { value: "apple", label: "Apple" },
  { value: "banana", label: "Banana" },
];

const AddOptionStopExtension = () => {
  const [inputValue, setInputValue] = useState("");

  const handleChange = (newValue, actionMeta) => {
    // 如果是创建选项操作
    if (actionMeta.action === "create-option") {
      // 将输入框的值设为空字符串
      setInputValue("");
    } else {
      // 更新输入框的值
      setInputValue(newValue);
    }
  };

  return (
    <CreatableSelect
      isClearable
      options={options}
      value={inputValue}
      onChange={handleChange}
      onCreateOption={handleCreateOption}
    />
  );
};

export default AddOptionStopExtension;