Нажмите на кнопку, мне нужно захватить значение даты с помощью React Hooks

Question

Нажатие кнопки. Я фиксирую значения Имя и Фамилия. Это же мне нужно захватить vaule сборщика даты на Onclick кнопки. Я попытался ниже, но Невозможно захватить значение. Я новичок в ReactJS и не могли бы вы помочь в этом. Заранее спасибо.

    import React, { useState } from "react";
    import "./App.css";
    import Datepicker from 'react-date-picker';

                function App() {
                  const [user, setUser] = useState({  fname: "",lname: "" });
                  const [users, setUsers] = useState([]);   
                  const [startDate, setStartDate] = useState(new Date());
                  const handleChange1 = date => {
                    setStartDate(date);
                   }

                   const handleChange = e => {
                    setUser({ ...user, [e.target.name]: e.target.value });
                     };

                return (
                    <div className="App">
                      <h1>CRUD APP</h1>
                      <form>
                        <label>First Name : </label>
                        <input type="text" value={user.fname} name="fname" onChange={e => {
                            handleChange(e);
                          }}
                        />
                        <br />
                        <label>Last Name : </label>
                        <input value={user.lname} name="lname" onChange={e => {
                            handleChange(e);
                          }}
                        /> 
                        <br />
                        <label > Date : </label>
                  <Datepicker
                     selected={startDate}
                     onChange={handleChange1}
                    />

Нажатие кнопки. Я фиксирую значения Имя и Фамилия. Это же мне нужно захватить vaule сборщика даты на Onclick кнопки. Я попытался ниже, но Невозможно захватить значение. Я новичок в ReactJS и не могли бы вы помочь в этом. Заранее спасибо.

 <button onClick={() => {
                let newUsers = [...users];
                newUsers.push(user);
                setUsers(newUsers);
              }}
              type="button" >
              Add User
            </button>
     </div>
          </form>
     {users.map(user => {
                return (
                  <div key={user.fname}>
                    {Object.values(user).map(val => {
                      return <p key={val}>{val}</p>;
                    })}
                                  </div>
                );
              })}
            </div>

Answer 1

<button onClick={() => {
  let newUsers = [...users];
  newUsers.push(user);
  setUsers(newUsers);
  // here you capture your startDate variable

}}
  type="button" >
  Add User
</button>
</div >
</form >
{
  users.map(user => {
    return (
      <div key={user.fname}>
        {Object.values(user).map(val => {
          return <p key={val}>{val}</p>;
        })}
      </div>
    );
  })
}
</div >