当用户单击提交按钮时，如何从通过Reactbootstrap创建的表单访问这些值，我是否无法获取这些值

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

render() {
  const [formValues, setFormValues] = useState({}); // 使用useState来保存表单的值

  const handleChange = (event) => {
    const { name, value } = event.target;
    setFormValues({ ...formValues, [name]: value }); // 更新表单的值
  };

  const handleSubmit = (event) => {
    event.preventDefault();
    console.log(formValues); // 打印表单的值
  };

  return (
    <Form onSubmit={handleSubmit}>
      <Form.Group controlId="formName">
        <Form.Label>Name</Form.Label>
        <Form.Control
          type="text"
          name="name"
          onChange={handleChange}
        />
      </Form.Group>

      <Form.Group controlId="formEmail">
        <Form.Label>Email</Form.Label>
        <Form.Control
          type="email"
          name="email"
          onChange={handleChange}
        />
      </Form.Group>

      <Button variant="primary" type="submit">
        Submit
      </Button>
    </Form>
  );
}