react環境構築

環境構築方法

• 今回は以下のqiita記事を参考にした。

qiita.com

• 習うより慣れろでやっていきます。備忘録としても残したいので今回はここまで

200315 01:04:47 続き

前回はここまで

前回の環境構築からhelloworldの表示まで

• 今回の学習内容

qiita.com

• エラー発生

mba-2:~ masashimiyagaki$ create-react-app countApp
Cannot create a project named "countApp" because of npm naming restrictions:

  * name can no longer contain capital letters

Please choose a different project name.
mba-2:~ masashimiyagaki$ create-react-app countapp

#成功

＜記事内より引用＞

Reactでは、Stateというものが存在します。
Stateは、コンポーネント内で使用できる値です。コンポーネント内である状態を保持したい時に活用すると便利です。
Stateの値が変更されるとrenderが走るようになっています。

Stateの値を更新する場合、Reactではルールがあり、
this.setState()で更新しなければなりません。

今回のカウントアプリでは、カウントの値をStateで管理し、インクリメント、デクリメントする場合に、setStateで更新するようにしています。

完成画面