目標
ReactJsの新機能、**”useState( )フック”**を使ってみましょう![]()
App.jsに記述
【1行目】 useStateをimportします
【7行目】 countというstateを設定します。これで、countを自由自在に変更させることができます!
【13行目】 **{count}は、ブラウザに表示させるための記述になります。このように変数を表示させるためには、{}**で囲みます。
【16行目】 buttonをクリックすると、countが1増加する機能をつけています。
【21行目】 buttonをクリックすると、countが0にする機能をつけています。
動きをみてみましょう
たったこれだけの記述で簡単に、機能を実装することができました![]()
次回
useEffect()を使います![]()
参考


