これは私のファイル構造です
./src
./components
Tabnav.js
CharacterList.js
App.js
私の App.js ファイルでは、Axios を使用して Api からデータをフェッチし、'CharacterList' コンポーネントを返し、フェッチ結果から取得したプロパティを渡しました。
CharacterList コンポーネントでは、props を介して App.js からデータを受け取り、それをマッピングして、取得した結果のリストを作成しました。正常に動作し、正確に表示されます。
私の Tabnav コンポーネントでは Route をインポートし、このように CharacterList コンポーネントを Route に渡している間、リンクをクリックするたびに<Route path="/characters" component={CharacterList} />を受け取ります。TypeError: Cannot read property 'map' of undefined
ルートがないとデータは正常に表示されますが、ルートを使用すると「マップ」エラーが返されます。ここで何が起こっているのか、どうすればこの問題を解決できますか?
ありがとう！