React Bootstrap在提交时从表单获取值

import React, { useState } from 'react';
import { Form, Button } from 'react-bootstrap';

const MyForm = () => {
  const [formValue, setFormValue] = useState('');

  const handleInputChange = (event) => {
    setFormValue(event.target.value);
  };

  const handleSubmit = (event) => {
    event.preventDefault();
    console.log('Form value:', formValue);
    // 在这里可以进行进一步的处理，例如发送表单数据到服务器
  };

  return (
    <Form onSubmit={handleSubmit}>
      <Form.Group controlId="formBasicInput">
        <Form.Label>输入框</Form.Label>
        <Form.Control
          type="text"
          placeholder="请输入值"
          value={formValue}
          onChange={handleInputChange}
        />
      </Form.Group>
      <Button variant="primary" type="submit">
        提交
      </Button>
    </Form>
  );
};

export default MyForm;