reactでuseStateを使用して簡単なカウントシステム実装

reactのフックスの学習でuseStateを使用して、ユーザー権限の変更機能を実装したので
まとめます。

①権限をuseStateで定義する。

       　変数　　　　右の変数の関数　　()の中は初期値
const [ authority, authorityEdit ] = useState(0)

②カウントアップ、ダウンのボタンを作成。

            <div>
                <button className="btn btn-primary  bg-primary" type="button"　onClick={ addition }>権限ダウン</button>
                <button className="btn btn-primary  bg-primary" type="button"　onClick={ subtraction }>権限アップ</button>
            </div>

onClickで③で記述する関数が実行されるように記述します。

③、①のstateの値を変更する関数を記述する。(stateの変数に直接変更を加えるのはNG)

    const addition = () => {
        authorityEdit(
            authority +1
        )
    }
    const subtraction = () => {
        authorityEdit(
            authority -1
        )
    }

以上。