如何获取 Form.Control 的价值 - React Bootstrap Date Picker？

Question

我在下面有这个日期选择器。 如何将用户选择的输入日期的值保存在 const 中，以便以后使用？ 如果问题是初学者，我深表歉意。

import React from 'react'
import { Form } from 'react-bootstrap';

class BootstrapDate extends React.Component{

    render(){

        return(
            <div>
                <div className="row">
                    <div className="col-md-12">
                        <Form.Group controlId="duedate">
                            <Form.Control type="date" name="duedate" placeholder="Due date" />
                        </Form.Group>
                    </div>
                </div>
            </div>
        )
    }

}

export default BootstrapDate;

Answer 1

只需在 Form.Control 中添加一个 Value 和 Onchage 方法

import "./styles.css";
import Form from "react-bootstrap/Form";
import { useState } from "react";

export default function App() {
  const [date, setDate] = useState(new Date());

  console.log("DATE", date);

  return (
    <div className="App">
      <div>
        <div className="row">
          <div className="col-md-12">
            <Form.Group controlId="duedate">
              <Form.Control
                type="date"
                name="duedate"
                placeholder="Due date"
                value={date}
                onChange={(e) => setDate(e.target.value)}
              />
            </Form.Group>
          </div>
        </div>
      </div>
    </div>
  );
}

Answer 2

如果我们填写像 01/11/yyy 这样的部分日期然后转到下一个表格它会显示相同的部分日期为什么