如何知道reactstrap form的输入/表单域的状态？

import React, { useState } from 'react';
import { Form, FormGroup, Label, Input } from 'reactstrap';

const MyForm = () => {
  const [inputValue, setInputValue] = useState('');

  const handleInputChange = (e) => {
    setInputValue(e.target.value);
  };

  return (
    <Form>
      <FormGroup>
        <Label for="exampleInput">Input</Label>
        <Input
          type="text"
          id="exampleInput"
          value={inputValue}
          onChange={handleInputChange}
        />
      </FormGroup>
    </Form>
  );
};

export default MyForm;

import React, { useRef } from 'react';
import { Form, FormGroup, Label, Input } from 'reactstrap';

const MyForm = () => {
  const inputRef = useRef(null);

  const handleFormSubmit = (e) => {
    e.preventDefault();
    const inputValue = inputRef.current.value;
    console.log(inputValue);
  };

  return (
    <Form onSubmit={handleFormSubmit}>
      <FormGroup>
        <Label for="exampleInput">Input</Label>
        <Input type="text" id="exampleInput" innerRef={inputRef} />
      </FormGroup>
      <button type="submit">Submit</button>
    </Form>
  );
};

export default MyForm;