More than 1 year has passed since last update.

Reactの基本知識

Last updated at 2022-04-05Posted at 2022-04-05

React-native での基本知識
ComponentsにはJSX, Props, State

JSX
render関数が返すJSXによって画面描写
JSXでComponentの見た目を定義

example

   render(){
       return(
        <View>
          <Text>Hello World</Text>
        </View>
   );
 }

PropsとStateの違い

Propsは性質や、変わることのないものを表す（不変）
Componentの”性質”を定義
親から子に情報を渡す

example

props.gender: female

Stateは状態や、変わりえるものを表す（可変）
Componentの”状態”を表現
可変な値
stateを変更することで画面が更新される

example

state.hungry: false