2016-12-16 14 views
0

私はネイティブのプロジェクトに反応しています。私は自分の店舗を扱うためにreduxのアクションとレデューサーを使用しています。
私はスマートに接続されたコンポーネントを持っています。私はcomponentWillMount()でディスパッチしてアクションを呼び出し、次にmapStateToPropsを持っています。私は自分のストアから得たデータをプロップにマップします。
問題は、小道具が変更されたかどうかをチェックする唯一の方法は、render機能の中に入れておくことです。私の場合、小道具に何かのデータが入ってしまったら、別のページに移動したいと思っています。それはすべて正常に動作しますが、反パターンからその反パターンを警告します。これを行う他の方法はありますか?私はそれを正しくしていますか?React Native&Reduxの小道具が正しいデザインパターン

答えて

1

あなたは別の(望ましい)アプローチは、値を更新する責任ある行動もナビゲーションを行う(またはナビゲーションを行うだろう、別のアクションを派遣うrender

に代わりの値を比較する方法componentWillReceivePropsを実装する必要がありますもの)。チェックredux-thunk

+0

ありがとうございました。私はすでにサンクを使用しています。そうですね、私はReduxでもナビゲーションをやろうと考えていました。おそらくもっと良いアプローチだと思います – abeikverdi

+0

[react-router](https://github.com/ReactTraining/react-router)を使用している場合は、[react-router-redux](https: /github.com/reactjs/react-router-redux)を使用して、ストアとナビゲーションを同期させます。それから、任意のサンクの中でディスパッチ(push( 'newRoute'))またはディスパッチ(goBack())するのは簡単です –

関連する問題