問題タブ [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.

0 投票する
1 に答える
205 参照

reactjs - ログインからuseContextを介して画像を渡している間、画像は表示されません

ログインの onSubmit 中に、写真情報をナビゲーションに渡すためsetLoginPhoto(res.data.photo)に使用しました。useContext()しかし、ログインに成功してホーム画面が表示されると、どうやら写真の情報は消去されているようです。また、loginPhoto.photo、写真だけは ですが、ホバーするとundefined画像の詳細が見れます。loginPhoto

[ログイン] をクリックすると、さまざまなブレーク ポイントが設定され、画像情報が実際に に渡されUserLoginProvider、 で利用できることがわかりましたNavigation。(スクリーンショットを参照してください)

注: multer を使用してデータベースに保存された画像ファイル パス、つまり [ var imagePath = req.file.path;] および画像は、ホーム画面やプロファイル画面などの他の画面に表示されます。

ステップバイステップ: ログインを押すと、画像が表示されます(スクリーンショットを参照loginPhotoUserLoginProviderてください)

ここに画像の説明を入力

loginPhotoこれで、ナビゲーションで利用可能なものを見ることができました:

ここに画像の説明を入力

ただし、ログインが成功してホームページが表示されると、loginPhotonull になり、画像がナビゲーションに表示されません。この問題を解決する方法について何かアドバイスはありますか?

Login.js

UserLoginProvider.js

Navigation.js

App.js

home.js