【React】哪些數據應該放到state中?


1.識別出最小的(但是完整的)代表UI的state:

為了正確構建應用,首先需要考慮應用需要的最小的可變 state 數據模型集合。此處關鍵點在於精簡:不要存儲重復的數據。構造出絕對最小的滿足應用需要的最小 state 是有必要的,並且計算出其它強烈需要的東西。
在判斷哪一個是 state 時,簡單地對每一項數據提出三個問題:
1.是否是從父級通過 props 傳入的?如果是,可能不是 state 。
2.是否會隨着時間改變?如果不是,可能不是 state 。
3.能根據組件中其它 state 數據或者 props 計算出來嗎?如果是,就不是 state 。

2.哪個組件應該擁有哪些state數據模型:

對於應用中的每一個 state 數據:
1.找出每一個基於那個 state 渲染界面的組件。找出共同的祖先組件(某個單個的組件,在組件樹中位於需要這個 state 的所有組件的上面)。
2.要么是共同的祖先組件,要么是另外一個在組件樹中位於更高層級的組件應該擁有這個 state 。
3.如果找不出擁有這個 state 數據模型的合適的組件,創建一個新的組件來維護這個 state ,然后添加到組件樹中,層級位於所有共同擁有者組件的上面。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM