私はネイティブのプロジェクトに反応しています。私は自分の店舗を扱うためにreduxのアクションとレデューサーを使用しています。
私はスマートに接続されたコンポーネントを持っています。私はcomponentWillMount()
でディスパッチしてアクションを呼び出し、次にmapStateToProps
を持っています。私は自分のストアから得たデータをプロップにマップします。
問題は、小道具が変更されたかどうかをチェックする唯一の方法は、render
機能の中に入れておくことです。私の場合、小道具に何かのデータが入ってしまったら、別のページに移動したいと思っています。それはすべて正常に動作しますが、反パターンからその反パターンを警告します。これを行う他の方法はありますか?私はそれを正しくしていますか?React Native&Reduxの小道具が正しいデザインパターン
0
A
答えて
1
あなたは別の(望ましい)アプローチは、値を更新する責任ある行動もナビゲーションを行う(またはナビゲーションを行うだろう、別のアクションを派遣うrender
に代わりの値を比較する方法componentWillReceivePropsを実装する必要がありますもの)。チェックredux-thunk
関連する問題
- 1. React-Native DatePickerIOS minimumDate小道具
- 2. React Native with Reduxで接続コンポーネントの小道具が更新されない
- 3. React Nativeが子コンポーネントの小道具を更新しない
- 4. React Select - 小道具のセットステート
- 5. React Nativeのビュー間で小道具を渡す
- 6. React Native Redux:API呼び出し後に小道具が更新されない
- 7. React Native Router FluxでTabIconに小道具を渡す
- 8. React-reduxがmapDispatchToPropsを小道具に設定していません
- 9. reduxとreact-routerを使って、ルータに小道具を渡す
- 10. React Redux - アクション小道具で無限スクロールコールが定義されていません
- 11. React-Native ListView renderRowは渡す小道具を発行します。参照だけで小道具として正しい方法や
- 12. 小道具の検証に小道具がありません
- 13. React-Native非同期のComponentDidUpdate呼び出し後のマージの小道具
- 14. React Nativeは小道具をフィルターにかけることができません
- 15. Reactコンポーネントの小道具へのアクセス
- 16. Reactイベントの小道具にアクセスする
- 17. react-bootstrap:ModalのdialogClassName小道具が機能しない
- 18. React Redux - データを小道具や接続経由でコンポーネントに渡します
- 19. NavigationExperimental React Nativeで2つのシーンの間で小道具を渡す方法
- 20. React Native + Redux
- 21. React Reduce - アクションで小道具を渡す
- 22. Next.js ReactコンポーネントgetInitialPropsが小道具をバインドしない
- 23. React Reduxが失敗しましたprop type:必須の小道具が指定されていません
- 24. React-Router:失敗した小道具タイプ:ルートのRouteに無効な小道具 'component'があります
- 25. Reactネイティブの新しい小道具を受け取る、componentWillReceiveProps
- 26. 次の小道具と小道具の違いを取得
- 27. ReduxのフォームV6、不明な小道具メッセージ
- 28. コンポーネントへの小道具としてのReduxパス状態への反応
- 29. Redux-Form V6 - 反応ネイティブでフォームの小道具にアクセスできない
- 30. 渡す小道具
ありがとうございました。私はすでにサンクを使用しています。そうですね、私はReduxでもナビゲーションをやろうと考えていました。おそらくもっと良いアプローチだと思います – abeikverdi
[react-router](https://github.com/ReactTraining/react-router)を使用している場合は、[react-router-redux](https: /github.com/reactjs/react-router-redux)を使用して、ストアとナビゲーションを同期させます。それから、任意のサンクの中でディスパッチ(push( 'newRoute'))またはディスパッチ(goBack())するのは簡単です –