我是經(jīng)驗(yàn)豐富的 js/React 開(kāi)發(fā)人員，但遇到了我無(wú)法解決的情況，而且我不知道如何修復(fù)它。我有一個(gè)具有許多不同狀態(tài)的上下文提供程序，但一種狀態(tài)如下所示：const defaultParams = {  ordering: 'price_asc',  page: 1,  perPage: 15,  attrs: {},}const InnerPageContext = createContext()export const InnerPageContextProvider = ({ children }) => {  const [params, setParams] = useState({ ...defaultParams })  const clearParams = () => {    setParams({...defaultParams})  }  console.log(defaultParams)  return (    <InnerPageContext.Provider      value={{        params: params,        setParam: setParam,        clearParams:clearParams      }}    >      {children}    </InnerPageContext.Provider>  )}我在頁(yè)面上有一個(gè)按鈕，它調(diào)用clearParams函數(shù)，并且應(yīng)該將參數(shù)重置為默認(rèn)值。但它不起作用即使當(dāng)我console.log(defaultParams)在每個(gè)提供者重新渲染時(shí)，defaultParams當(dāng)狀態(tài)改變時(shí)變量似乎也在改變我認(rèn)為這不正常，因?yàn)槲乙呀?jīng)使用過(guò){...defaultParams}，它應(yīng)該創(chuàng)建新變量，然后將其傳遞給useState鉤子。我努力了：const [params, setParams] = useState(Object.assign({}, defaultParams))const clearParams = () => {  setParams(Object.assign({}, defaultParams))}const [params, setParams] = useState(defaultParams)const clearParams = () => {  setParams(defaultParams)}const [params, setParams] = useState(defaultParams)const clearParams = () => {  setParams({    ordering: 'price_asc',    page: 1,    perPage: 15,    attrs: {},  })}除了第三種方法之外，上述方法都不起作用，我將相同的對(duì)象硬編碼為defaultParams. 這個(gè)想法是將 dafult 參數(shù)保存在某處，當(dāng)用戶清除參數(shù)時(shí)恢復(fù)它。你們有什么想法可以做到這一點(diǎn)嗎？編輯： 這就是我更新參數(shù)的方式：const setParam = (key, value, type = null) => {    setParams(old => {      if (type) {        old[type][key] = value      } else old[key] = value      console.log('Params', old)      return { ...old }    })  }