尝试使用带有Semantic-UI-React的Form.Select从名称的下拉选择中获取id值？

const options = [
  { key: '1', text: 'Alice', value: '1' },
  { key: '2', text: 'Bob', value: '2' },
  { key: '3', text: 'Charlie', value: '3' }
];

import React, { useState } from 'react';
import { Form } from 'semantic-ui-react';

const MyForm = () => {
  const [selectedId, setSelectedId] = useState('');

  const handleChange = (e, { value }) => {
    setSelectedId(value);
  };

  return (
    <Form>
      <Form.Select
        label="Select a person"
        options={options}
        placeholder="Select a person"
        onChange={handleChange}
        value={selectedId}
      />
      <p>Selected ID: {selectedId}</p>
    </Form>
  );
};

export default MyForm;