有没有办法给一个语义UI React下拉html "name“属性，这样它就可以像表单提交中的一个普通输入元素一样运行？

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

class MyForm extends React.Component {
  state = {
    selectedOption: '',
  };

  handleChange = (event, { value }) => {
    this.setState({ selectedOption: value });
  };

  handleSubmit = () => {
    // 在这里处理表单提交逻辑
    console.log(this.state.selectedOption);
  };

  render() {
    const options = [
      { key: 'option1', value: 'option1', text: 'Option 1' },
      { key: 'option2', value: 'option2', text: 'Option 2' },
      { key: 'option3', value: 'option3', text: 'Option 3' },
    ];

    return (
      <Form onSubmit={this.handleSubmit}>
        <Form.Select
          name="mySelect"
          options={options}
          value={this.state.selectedOption}
          onChange={this.handleChange}
        />
        <Form.Button type="submit">Submit</Form.Button>
      </Form>
    );
  }
}