問題タブ [mapstatetoprops]

説明: DRF でトークン認証に登録した後、トークンと json ユーザー オブジェクトを authReducer に受け取ります。これはさらに rootReducer に渡さauth.userれ、状態として保存されます。userオブジェクトは次のとおりです。

{id:1, first:"first", last:"last", username:"Santa",email:"xyz@gmail.com"}、およびで呼び出すことができます

React クラスベースのコンポーネントの render 関数内。

状態は小道具にマッピングされます:

すべてが機能します-オブジェクトは上記のようにコンソール内に表示されますが、次のようにオブジェクトの値にアクセスしようとすると:

私はTypeError: Cannot convert undefined or null to object.

しかし、やっている：

動作します。何故ですか？常に新しいオブジェクトを作成する必要がありますか?

私は Coursera で React Native コースを修了し、redux を使用してjson-serverデータを表示する実用的なアプリを持っています。現在、独自のアプリを作成していますが、アクセスしようとするとreduxがデータを表示しないという問題が発生しています。

自分で問題を理解しようとした後、最終的には以前のプロジェクトからすべての redux ファイルをコピーし、それが機能するように構成しました。それらをすべて編集して現在のデータを表示した後、再び問題が発生し始めました。作業コードの git commit を誤って削除し、すべてのファイルをコピーした直後の状態に戻りました。flatlistデータを表示できなくなりましhomecomponentた。

助けが得られることを期待して、コードを最も単純な形式に要約しました。

私は基本的に、FlatList を使用して、MapStateToProps を使用して redux ストアからのデータを表示しようとしています。現在の状態では、リストはまったく表示されていません。これは、表示するデータがないことを意味します。それは間違いなく別の反復で機能し、私の db.json ファイルからのデータを示しました。なぜそれが今機能していないのか分かりません。

HomeComponent.js

ActionCreator.js

ActionTypes.js

ConfigureStore.js

皿.js

MainComponent.js

デシベル.json

誰かが mapStateProps の冗談のテスト ケースを書くのを手伝ってくれませんか。どこでもすべての質問を読みましたが、これに関連することはできませんでした。

コンポーネントコード

レデューサー:

カバレッジを実行すると、この関数がカバーされていないことが示されます。mapStateProps のテスト ケースを作成する方法がわかりません。誰か助けてください。