在Typescript和React中对event.target.value使用枚举

enum Fruit {
  Apple = "apple",
  Banana = "banana",
  Orange = "orange"
}

import React, { useState } from "react";

const MyForm: React.FC = () => {
  const [selectedFruit, setSelectedFruit] = useState<Fruit>(Fruit.Apple);

  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
    const { value } = event.target;

    // 根据用户输入的值进行不同的处理
    switch (value) {
      case Fruit.Apple:
        // 处理苹果的情况
        break;
      case Fruit.Banana:
        // 处理香蕉的情况
        break;
      case Fruit.Orange:
        // 处理橙子的情况
        break;
      default:
        // 处理其他情况
        break;
    }

    setSelectedFruit(value as Fruit);
  };

  return (
    <div>
      <label>
        <input
          type="radio"
          value={Fruit.Apple}
          checked={selectedFruit === Fruit.Apple}
          onChange={handleInputChange}
        />
        苹果
      </label>
      <label>
        <input
          type="radio"
          value={Fruit.Banana}
          checked={selectedFruit === Fruit.Banana}
          onChange={handleInputChange}
        />
        香蕉
      </label>
      <label>
        <input
          type="radio"
          value={Fruit.Orange}
          checked={selectedFruit === Fruit.Orange}
          onChange={handleInputChange}
        />
        橙子
      </label>
    </div>
  );
};

export default MyForm;