【React Native】文件翻譯閱讀紀錄 - 基礎 - State(狀態)
 |
| Facebook Open Source React Native |
State(狀態)
控制組件有兩種類型的數據：props和state。 props由父級設置，並且在組件的整個生命週期內都是固定的。對於即將發生變化的數據，我們必須使用state。
通常，您應該在構造函數中初始化state，然後在想要更改它時調用setState。
例如，假設我們想要製作一直閃爍的文本。當創建閃爍組件時，文本本身會被設置一次，因此文本本身就是一個道具。 “文本當前是打開還是關閉”隨時間而變化，因此應保持狀態。
通常，您應該在構造函數中初始化state，然後在想要更改它時調用setState。
例如，假設我們想要製作一直閃爍的文本。當創建閃爍組件時，文本本身會被設置一次，因此文本本身就是一個道具。 “文本當前是打開還是關閉”隨時間而變化，因此應保持狀態。
在實際應用程序中，您可能不會使用計時器設置狀態。您可以在從服務器或用戶輸入獲得新數據時設置狀態。您還可以使用Redux或Mobx等狀態容器來控制數據流。在這種情況下，您將使用Redux或Mobx來修改您的狀態，而不是直接調用setState。
調用setState時，BlinkApp將重新呈現其Component。通過在Timer中調用setState，每次Timer滴答時，組件都將重新呈現。
State的工作方式與React相同，因此有關處理狀態的更多詳細信息，可以查看React.Component API。此時，您可能會對我們迄今為止的大多數示例使用無聊的默認黑色文本感到惱火。為了讓事情更美好，你將不得不學習風格。
調用setState時，BlinkApp將重新呈現其Component。通過在Timer中調用setState，每次Timer滴答時，組件都將重新呈現。
State的工作方式與React相同，因此有關處理狀態的更多詳細信息，可以查看React.Component API。此時，您可能會對我們迄今為止的大多數示例使用無聊的默認黑色文本感到惱火。為了讓事情更美好，你將不得不學習風格。
0 意見