技術問答
技術文章
iT 徵才
Tag
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2024 iThome 鐵人賽
DAY
12
0
佛心分享-IT 人自學之術
【現在學React還來得及嗎?】30天Takeaway分享
系列 第
12
篇
【Day12】State managing 3
16th鐵人賽
react
haruowang
2024-08-16 11:23:24
599 瀏覽
分享至
Takeaway
當一個組件不再渲染,它的狀態也不會保留
相同位置的相同組件不再渲染,會被視為切換,保留狀態
相同位置的相同組件想重置狀態?在不同位置渲染或使用key值
小心不要打成id值等於什麼,寫作key值等於什麼(如id)才對
將key值賦予給子組件時,只能在父組件裡標示。因為key值不是全域的
如何幫不再渲染的組件保留狀態?都渲染但用CSS隱藏(效能差)、以狀態提升在父組件保留資訊、使用local和sessionStorage(後者的生命週期較短,畫面一關就清除)
如何跨頁面保留狀態?Store(各大狀態管理工具)、React Context、local和sessionStorage
local和sessionStorage只能存字串,localForage則能幫助開發者用一樣簡單的方式使用非同步資料庫IndexedDB,適合存大量資料或非字串。就算瀏覽器不支援IndexedDB,localForage也能切換成localStorage。算是種降級(Downgrade)策略,跟Polyfill哲學正好相反,哈
遇到需要在畫面裡多加新元素,但又要保留輸入狀態的好方法:直接把「是否等於State」當成渲染與否的條件,寫成三元運算或&&
Flux:適合搭配React的架構,後續被簡化成狀態管理用的Redux
留言
追蹤
檢舉
上一篇
【Day11】State managing 2
下一篇
【Day13】Reducer
系列文
【現在學React還來得及嗎?】30天Takeaway分享
共
30
篇
目錄
RSS系列文
訂閱系列文
4
人訂閱
26
【Day26】R3F 2
27
【Day27】R3F 3
28
【Day28】React Leaflet 1
29
【Day29】React Leaflet 2
30
【Day30】React Leaflet 3
完整目錄
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
902
組
團體組數
37
組
累計文章數
11106
篇
完賽人數
105
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
17th鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
windows server
linux
css
react
熱門問題
Esxi 8.0版本上的虛擬機器, 安裝的作業系統是Windows Server 2025, 確定輸入的密碼是正確的, 無法登入(顯示密碼錯誤)
HP iLo Advanced trial license
在線求大神,千奧軟體主機怎麼安裝
因為網路磁碟的關係造成系統自動重新開機
Docker Compose 建立 GitLab 容器,執行器 Runner 運行流水線問題
windows server無法使用gpedit.msc
Java證照題目(main() method)
iatf16949資訊稽核
iatf16949資訊稽核內容
微軟更新重開機很久
熱門回答
iatf16949資訊稽核
Esxi 8.0版本上的虛擬機器, 安裝的作業系統是Windows Server 2025, 確定輸入的密碼是正確的, 無法登入(顯示密碼錯誤)
因為網路磁碟的關係造成系統自動重新開機
微軟更新重開機很久
windows server無法使用gpedit.msc
熱門文章
第5天,數位憑證的格式 PEM、DER / 小辣椒魷魚羹(台北萬華)| 30天滷肉飯
第5天,Cloudflare 的費用 / 潤餅捲 | 30天板橋湳雅夜市
Day 17- 分離關注點:設定與主要邏輯分開
[為你自己學 n8n] 第 5 天,JSON 不是人名!搞懂自動化的基礎語言!
第6天,憑證信任鏈 / 阿輝滷肉飯 浮洲市場小吃(新北板橋) | 30天滷肉飯
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}