Reactとは†
- 状態を持たないコンポーネントをJSXで定義する。状態はpropという形で外部から渡す
- 戻りは仮装DOMという名の単なるJSONなので軽い。
- 仮想DOMの差分はrenderメソッドで自動で反映してくれる(JQueryのように自分で記述する必要はない!)
https://qiita.com/naruto/items/fdb61bc743395f8d8faf
参考記事†
https://mae.chab.in/archives/2956#post2956-2
やってみる†
npm install -g create-react-app
いろいろ調べた†
Functional Component†
- 状態を持たない
- ボタンなどの親コンポーネントに組み込む
Class Component†
- stateを持つ
- ライフサイクルイベントがある
- 上記Functional Componentの組み合わせて作る
引数の入力型指定 PropTypes†
Greeting.propTypes = {
name: PropTypes.string
};
テスト†