在useImperativeHandle中的狀態不具有持久性

假設我處於這種狀態：const[data,setData]=useState([]);並將其放入useImperativeHandle中，如下所示：useImperativeHandle(ref,()=>({data,}));當我使用useEffect來追蹤狀態是否像這樣改變時：useEffect(()=>{console.log(componentRef.current.data);

P粉786800174 2024-04-01 00:20:12 0  1  364

傳遞輸入值狀態從父元件到子元件的React方法

我有一個父元件，它透過我的陣列進行映射，並列印出各種Child元件的迭代。我試圖在父組件中存取狀態，但無法弄清楚如何從子組件中提取“inputValue”的正確狀態，並將其放在父組件中。理想情況下，我希望inputValue和isValidated狀態都存在於父元件中，以便我可以在各種基於表單的函數中使用它們。父元件：importReact,{useState}from'react';import

P粉300541798 2023-09-17 00:11:51 0  1  689

在 React 中設定狀態為先前狀態時如何修復打字稿錯誤？

我定義了這個狀態const[userInfo,setUserInfo]=React.useState<UserInfo|undefined>()在我的useEffect中的某個地方，我嘗試根據以前的狀態設定它。所以這樣做setUserInfo((prevState)=>{return{...prevState,...someRef.current}})但是失敗並出現以下錯誤Typ

P粉520545753 2024-02-03 22:41:43 0  1  406

如何在數組物件的情況下，在onChange事件中更新狀態

我有一些狀態：const[budget,setBudget]=React.useState<{name:string;budget:number|null}[]>();我試圖使用一個TextField根據輸入欄位的名稱和值來更新該狀態： budget.map((item)=>{content.push(<TextFieldname={item.name}id={item.na

P粉726234648 2023-09-17 20:42:24 0  1  522

React狀態未以正確順序進行映射

我有一個使用Redux的Next.js專案。在我的商店中，有一組透過Redux減速器更新的狀態。基本上是我在某些元件中經常使用的狀態數組。在我的一個減速器中，我對這個陣列進行了排序。該數組充滿了對象，我透過特定屬性對其進行排序。當我console.log數組時，它似乎已經排序良好。在我的一個元件中，我映射了這種排序狀態。我在這裡簡化了邏輯。 names.map((p)=>(<divkey

P粉476547076 2024-03-31 09:23:01 0  1  421

確定Plotly.js Sunburst圖表的狀態變化

我有一個React應用程序，在其中使用plotly.js來顯示一個旭日圖表。我有其他的操作/組件，根據旭日圖表的“縮放狀態”來改變。例如，如果我完全縮小，爆發圖表顯示4個同心圓。如果我點擊離中心第二個圓，它會放大，然後只有3個同心圓。我以為我可以透過點擊處理程序來確定狀態，但這似乎並不直接。我感興趣的狀態實際上是哪些東西可見，以及深度是多少（有多少個同心圓）。我希望能找到一些反映狀態的回檔或其他東

P粉659516906 2023-08-31 20:42:38 0  1  469

保持CSS動畫在結束時的最終狀態

我正在對一些在CSS中設定為opacity:0;的元素運行動畫。動畫類別被應用於onClick事件，使用關鍵幀，它將不透明度從0變為1（以及其他一些變化）。不幸的是，當動畫結束時，元素會回到opacity:0的狀態（在Firefox和Chrome中都是如此）。我本能地認為動畫元素會保持最終狀態，覆蓋它們的原始屬性。這不是真的嗎？如果不是，我該如何讓元素保持最終狀態？程式碼（不包括前綴版本）：@keyf

P粉950128819 2023-08-20 18:36:55 0  2  665

React中的元件在狀態改變後未變更（componentDidMount fetch）

我正在按照教程製作一個新聞應用程序，我正在從newapi獲取數據，我的代碼與教程中的代碼相同，但是在我更新狀態（this.state.articles）後，我的組件沒有改變。我使用了setState函數，我嘗試在控制台記錄狀態，狀態在更新後看起來很好，render方法運行了，但是沒有改變任何內容，可能出了什麼問題我的代碼/組件importReact,{Component}from 'react'im

P粉384679266 2023-09-12 00:02:48 0  2  642

如何在登出時重置Nuxt應用程式的狀態？

當使用者退出應用程式時，Pinia持久的authStore狀態會被重置，並且使用者會被重新導向到/login。然而，如果下一個用戶在不刷新頁面的情況下登錄，主頁仍然顯示上一個用戶的數據，因為它仍然在頁面的狀態中。我該如何解決這個問題？我應該如何在註銷時重置應用程式中的每個狀態？有什麼建議的解決方案可以將一個身份驗證會話的狀態與另一個會話隔離？我已經嘗試在頁面上按下“註銷”按鈕時手動重置頁面的狀態

P粉706038741 2023-09-16 20:59:12 0  1  651

Vue3 - 透過頁面刷新保持狀態

我剛開始使用Vue3，並嘗試使用vuex來管理狀態。使用Vue2時，每次應用程式載入時我都會呼叫商店，如下所示：//mains.jsimportVueRouterfrom"vue-router";importVuexfrom"vuex";importrouterfrom"./routes";window.Vue=require('vue

P粉959676410 2024-03-25 23:22:06 0  1  521

一個PHP檔案在中英不同狀態怎麼運行對應的JS文件

php檔怎麼設定   在中文狀態運行中文版JS檔 ，英文狀態下運行英文版JS文件

手机用户1611143489 2021-02-07 19:02:56 0  2  975

如何在React.js中更新Context中的狀態，而不讓元件重新渲染？

所以基本上我正在使用谷歌地圖API，當我點擊建築物時，它會顯示帶有一些資訊的模態。此模式的狀態位於上下文中，並透過地圖上的點擊事件進行更新。發生的情況是，當狀態更新時，它會再次重新渲染整個Map（使其縮小），因為狀態是從Map元件本身更新的。如何才能更新上下文狀態但地圖不重新渲染？我嘗試使用memo和useCallback，但由於道具正在更新（上下文），它會再次重新渲染地圖。

P粉322319601 2024-02-26 00:05:17 0  1  455

如何更新 Localstorage 物件中的多個狀態 React

所以我已經有一個保留狀態的localStorage掛鉤，但現在我想更新物件中的兩個項目這是添加更新的函數const{data,setData}=useLocalStorage();constaddWorkExperience=()=>{letadditionJob={. ..data,jobExperience:[...data.jobExperience,{city:""

P粉696605833 2023-09-14 11:49:00 0  1  558

React Query 的競爭條件

我正在嘗試使用反應查詢創建一個Todo應用程序，但我面臨競爭條件問題。我有一個待辦事項頁面，使用者更新/建立新的待辦事項，然後點擊儲存。保存過程可能需要大約3秒，具體取決於使用者的網路連線。編輯待辦事項後，使用者仍保留在待辦事項頁面中。建立新的待辦事項後，使用者將導覽至待辦事項頁面。問題是，當使用者建立/更新待辦事項然後點擊顯示待辦事項模式（這是外部元件，我無法編輯它）模式顯示編輯前的待辦事項/如果是新待辦事項模式（這是外部元件，我無法編輯它）模式顯示編輯前的待辦事項/如果是新待辦事項模式（這是外部元件，我無法編輯它）模式顯示編輯前的待辦事項/如果是新待辦事項模式

P粉364642019 2023-09-03 09:51:21 0  1  683

javascript - 圖片連結請求一直是pending狀態，導致頁面崩潰，怎麼解決？

請求接口時返回圖片鏈接，在圖片鏈接讀取時，一直處於pending狀態，既不返回成功狀態碼也不返回失敗狀態碼，就一直pending狀態，長時間pending導致頁面崩潰，怎麼解決？

阿神 2017-06-05 11:13:58 0  1  1278

如何在console.log中顯示物件的目前狀態？

在沒有任何附加元件的Safari瀏覽器（實際上大多數其他瀏覽器也是如此），console.log會顯示物件在執行的最後狀態，而不是console.log被呼叫時的狀態。我必須克隆物件才能透過console.log輸出它，以取得該行程式碼中物件的狀態。範例：vartest={a:true}console.log(test);//{a:false}test.a=false;console.log(tes

P粉868586032 2023-08-22 13:37:22 0  2  539

在狀態中重新排序數組

我使用zustand建立一個帶有待辦事項數組的全域狀態，我有新增、刪除和切換每個待辦事項完成/撤銷的功能。我還使用DndKit拖放每個ToDo元件並在全域上下文中對它們重新排序，為此我需要以這種方式在zustand儲存中建立一個reorderTodo函數：consthandleDragEnd=(event:any)=>{const{active ,over}=event;if(active.i

P粉741678385 2024-03-30 14:44:42 0  1  389

React 警告：在 useEffect 中更新狀態時，更新深度超過了最大限制

我正在嘗試更新我的狀態變量，它是一個包含布林變量的物件。一旦資料可用（透過按鈕點擊呼叫的API呼叫回應），我就在useEffect內部更新我的狀態。然後使用這些資料呼叫另一個元件，即一個模態框，如果沒有資料可用，我將顯示另一個模態框。當我關閉彈出視窗時，應該更新狀態變數。 const[modalState,setModalState]=useState<IModalState>({sho

P粉447785031 2023-09-06 13:46:55 0  1  567

python - 求馬可夫鏈狀態轉移機率矩陣

一個時間序列如下： {代碼...} 這個時間序列一共有4032個值，這些值的取值空間有115個取法a=[-0.49，-0.47,-0.45······1.75,1.77 ,1.79]，現在想求出來這個115*115的狀態轉移機率矩陣，寫了一個matlab程式但是計算...

習慣沉默 2017-05-18 10:57:34 0  1  1674

React子元件無法感知來自useEffect內部非同步函數的狀態變化

我試圖傳遞一個在非同步函數內部產生的狀態，該函數本身位於useState內部。我了解到useRef可能是解決此問題的最佳方法，因為它可以引用可變狀態，並且在這個過程中了解了React-useStateRef，它最終解決了我的主組件內狀態永遠不會更新的另一個問題（會不斷得到「渲染太多」錯誤）。因此它本質上充當useRef和useState的合而為一。但是，雖然我的狀態最終更新了，但它仍然沒有傳遞到我的

P粉609866533 2023-09-02 12:55:44 0  1  523