問題タブ [use-context]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - ログインからuseContextを介して画像を渡している間、画像は表示されません
ログインの onSubmit 中に、写真情報をナビゲーションに渡すためsetLoginPhoto(res.data.photo)
に使用しました。useContext()
しかし、ログインに成功してホーム画面が表示されると、どうやら写真の情報は消去されているようです。また、loginPhoto.photo、写真だけは ですが、ホバーするとundefined
画像の詳細が見れます。loginPhoto
[ログイン] をクリックすると、さまざまなブレーク ポイントが設定され、画像情報が実際に に渡されUserLoginProvider
、 で利用できることがわかりましたNavigation
。(スクリーンショットを参照してください)
注: multer を使用してデータベースに保存された画像ファイル パス、つまり [ var imagePath = req.file.path;
] および画像は、ホーム画面やプロファイル画面などの他の画面に表示されます。
ステップバイステップ:
ログインを押すと、画像が表示されます(スクリーンショットを参照loginPhoto
しUserLoginProvider
てください)
loginPhoto
これで、ナビゲーションで利用可能なものを見ることができました:
ただし、ログインが成功してホームページが表示されると、loginPhoto
null になり、画像がナビゲーションに表示されません。この問題を解決する方法について何かアドバイスはありますか?
Login.js
UserLoginProvider.js
Navigation.js
App.js
home.js