私は反応ネイティブから始めており、React の経験が少しあります。そのため、過去に Web React アプリに使用したredux
、react-router
、およびを使用したいと考えています。react-router-redux
これらのパッケージはすべて、react-native で使用できますが、react-router を除いて、私が見つけることができる最も近いreact-router-native
ものは、ブラウザー バージョンと同じように動作するようです。これまでのところ、ルーター、reduxなどをテストするための簡単で汚いアプリを作成しました.
しかし、解決方法やデバッグ方法がわからない問題がいくつかあります。テキストや一部のスタイルなどのビジュアルを変更すると、HMR は正常に動作し、変更がリアルタイムで適用されるように見えますが、他のものを変更するとモジュール/ファイル、コンテナー要素 (redux connect() 関数が呼び出される場所) やレデューサーの一部のコードのように、HMR は何も変更せず、変更を確認するにはすべてのアプリをリロードする必要があります。
ここに私のコードがあります: https://github.com/DenJohX/test-react-router-native基本的に、redux ストアの変数を切り替えることで、テキストの色を変更するだけです。リンクするだけで申し訳ありませんが、すべてのフォルダーとプロジェクト構造を表示する方がよいと思います。おそらく、そこに何かを間違えたか、正しいフォルダー構造を使用していませんでした.
https://github.com/jhen0409/react-native-debuggerを使用してアプリをデバッグしています。コンソール メッセージによって、HMR が実行され、何かにパッチが適用されますが、現在読み込まれているコードには影響しません。
問題をテストするには、 で色を編集してみてくださいsrc/screens/pageOneContainer.js
。HMR はコードを変更し、画面を再レンダリングし、新しい色を表示する必要がありますが、同じままです。
前もって感謝します。