我正在嘗試編寫一個使用反應狀態來存儲聯系人信息的聯系人管理應用程序。我有兩種狀態，一種是數據，另一種是 userData。數據應該是在用戶輸入聯系人信息時存儲聯系人的對象，而 userData 將是所有數據對象的數組。但由于某種原因，我只從對象中獲取一個屬性，它始終是最后輸入的字段。我不知道我做錯了什么。請幫忙。我的代碼：const [data, setData] = useState({    firstName: "",    lastName: "",    phoneNumber: "",    address: "",    imag: "",  });  // declear a new state varaible to store data  const [userData, setUserData] = useState([""]);  function handleChange(e) {    let name = e.target.name;    let value = e.target.value;    setData({      [name]: value,    });  }  function handleSubmit(e) {    e.preventDefault();    setUserData([...userData, data]);  }  /*le.log(userData);  }, [userData]);*/  console.log(userData);  return (    <>      <form id="form" className="needs-validation" onSubmit={handleSubmit}>        <div>          <input            className="imgFile"            type="text"            placeholder="First name"            value={data.firstName}            name="firstName"            onChange={handleChange}          />          <input            className="imgFile"            type="text"            placeholder="Last name"            value={data.lastName}            name="lastName"            onChange={handleChange}          />          <input            className="imgFile"            type="tel"            placeholder="Phone Number"            value={data.phoneNumber}            name="phoneNumber"            onChange={handleChange}          />          <input            className="imgFile"            type="email"            placeholder="Email"            value={data.email}            name="email"            onChange={handleChange}          />          <input            className="imgFile"            type="text"            placeholder="Address"            value={data.address}            name="address"            onChange={handleChange}          />          <input            type="file"            name="img"            accept="image/*"            value={data.img}            onChange={handleChange}          />}