エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
reselectでReact Reduxにvalidationの仕組みを実装する 2/2 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
reselectでReact Reduxにvalidationの仕組みを実装する 2/2 - Qiita
function mapStateToProps(state) { const validation = rootSelector(state) return { state, validati... function mapStateToProps(state) { const validation = rootSelector(state) return { state, validation } } これでRootコンポーネントからvalidationの結果をprops.validationとして扱えるようになりました。 Rootコンポーネントのprops経由で各コンポーネントに渡す あとはprops.validationを他のpropsと同様にコンポーネント内で好きに使うだけです。 完成したサンプルはこちら *1 ValidationIconがvalidationStatusを表示するコンポーネントです。 *2 ValidationStatusがERRORのときはエラーであることを表すアイコンを表示します。 *3 ERRORにmessageが設定されていればそれをTooltipと