優先度を作る
初めてのタスクだが、その時ReactとReduxの知識は全然ないので、工夫しました。
問題点:
1. selectboxはonclickだが、selectboxの内容を変わることはonchange
2. Reduxとは
state(変数)をしっかり管理するためのライブラリ。特定の場所のみでstateの変更をすることで変なところでstateが変更され煩雑になることを防げる。
・component
reactを用いたUIの部品。memo.jsだったらメモ部分を担っている。ここでreduxのactionを呼び出す。
・action
関数を宣言し、中にreducerに渡す情報を設定してるところ
・reducer
actionから渡ってきた情報を元にstateを変更するところ
・middleware
reducerの処理の前後で処理を行う
・container
必要なstateやactionをcomponentに渡す
・store
stateの状態を記録している。また複数のreducerをまとめたり、middlewareを設定していたりするが、あまり触ることはない
- propTypes PropTypesとしてPropについての型などの制約を指定することが出来ます。