我有一個使用掛鉤初始化狀態的父組件。我將鉤子的狀態和 setState 傳遞給子對象，但是每當我更新多個子對象的狀態時，它們都會更新不是最新狀態的狀態。重現問題：當您建立鏈接并寫入您的信息并單擊提交時，它會成功附加到父狀態。如果在那之后添加另一個，它也會成功附加到父狀態。但是當你返回并在第一個鏈接上按提交時，它會出于某種原因破壞第二個鏈接。請在我的 codesandbox 上試用?；旧衔蚁胍氖且粋€創建新表單的按鈕。在每種形式中，您都可以選擇一種社交媒體類型，如 fb、instagram、tiktok，還可以輸入一個文本字段。這些數據存儲在狀態中，最后當您單擊應用更改時，我希望它存儲在我的數據庫中，即 firestore。你能幫我解決這個問題嗎？這是一個代碼沙箱。https://codesandbox.io/s/blissful-fog-oz10p這是我的代碼：管理員.jsimport React, { useState } from 'react';import Button from '@material-ui/core/Button';import AddNewLink from './AddNewLink';const Admin = () => {  const [links, setLinks] = useState({});  const [newLink, setNewLink] = useState([]);  const updateLinks = (socialMedia, url) => {     setLinks({      ...links,      [socialMedia]: url    })  }  const linkData = {    links,    updateLinks,  }    const applyChanges = () => {    console.log(links);    // firebase.addLinksToUser(links);  }  return (    <>      {newLink ? newLink.map(child => child) : null}      <div className="container-sm">        <Button        type="submit"        fullWidth        variant="contained"        color="primary"        onClick={() => {          setNewLink([ ...newLink, <AddNewLink key={Math.random()} linkData={linkData} /> ])}        }      >        Add new social media      </Button>      <Button        type="submit"        fullWidth        variant="contained"        color="primary"        style={{marginTop: '50px'}}        onClick={() => applyChanges()}      >        Apply Changes      </Button>      <h3>{JSON.stringify(links, null, 4)}</h3>      </div>    </>  );}export default Admin;