React Native Note
  • React Native Note
  • Start
    • Environment On Mac
    • New Project and Run
    • IDE and Project Structure
    • Debug
  • Basic
    • Component (組件)
    • props and state
    • 基礎元件
    • Flexbox
    • FlatList
    • ListView
    • .SectionList
  • BASIC II
    • Import Library
    • Fetch
    • Native Module - iOS
    • Native Module - Android
    • EventEimtter - iOS
      • iOS static
    • Generating Signed APK - Android
    • Generating Signed IPA - iOS
    • Other
  • Advanced
    • Redux
      • Practice
    • Handling different environments
      • Practice
  • TEST
    • Jest
      • snapShot Testing
        • change code
      • function and state testing
      • identify element
      • test API with mock function
    • test props - Enzyme
  • MORE
    • Running On Real Device - iOS
    • Toast
    • Js Bundle時的白畫面（白屏）
  • TOOLS
    • Visual Studio Code
    • Debugging React Native
    • Atom's shortcuts
    • Command Line
      • Emulator For Android
  • Other
    • Using Webview as full wrapper in RN
    • Expo vs RN CLI
    • Use Android Emulator in VMware
Powered by GitBook
On this page
  • props 參數
  • state 狀態
  1. Basic

props and state

PreviousComponent (組件)Next基礎元件

Last updated 6 years ago

props 參數

  • 大多數組件(Component)在創建的時候就可以用各種參數來定製，這些創建參數(creation parameters)就叫做props

  • 單向傳遞的屬性

  • 是在父組件中被指定，而且一經指定，在被指定的組件的生命週期中就不會改變

  • 屬性多的時候可以直接傳遞一整個對象，語法為 { ...parameter's name }，這是es6的新特性

可參考官方給的例子

state 狀態

  • 通過state來控制組件中資料的變動

  • 當state發生變化，則會更新DOM

  • 在constructor中初始化(es6)(es5是getInitialState)

  • 調用setState方法，更改state值

(state&List) form React Native Express 可參考官方給的例子

官方文檔
中文
官方文檔
中文
Sample