サーバーから「ユーザー情報」を「取得」しようとします。
API GET URL は:/users/${memberId} です userID は数値型の memberId (例 4)
以下は私の質問です..
「」の「userIcon」をクリックすると、ページにリンクして正しいユーザー情報をロードする必要があります
ローカルホストのページを直接確認しようとすると、表示されません。 しかし、「 userId={userData.memberId} 」を削除すると、ページが表示されて書き換えられます 「userId={userData.memberId}」を保存すると、ページは正常になります。
リーリー「userId={userData.memberId}」のリンクは、パス UserPage に使用されます。 これは console.log(userData)
ですここに画像の説明を入力してください
リーリー問題は、UserIcon をクリックすると機能せず、エラーが発生することです。 エラーは <<无法读取未定义的属性（读取'memberId'）>
# を示していますそれでは、なぜ私のコードが機能しないのでしょうか? : ユーザー アイコンをクリックし、uerl /users/${memberId} を使用して UserPage に移動します。 LoginHeader の memberId プロパティを削除するまで useEffect 'GET' が機能しないのはなぜですか? ? ?
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
リーリーuserDataは未定義であるためです。どこでどのように初期化するのかは示されていませんが、次のようなものですか? ：これにより、
unknownに初期化されます。したがって、コンポーネントが最初にレンダリングされるとき、unknownであるため、userDataからプロパティを読み取ることはできません。 後で値が得られる可能性があります しかし、その時点でコードはすでにエラーをスローしています。1 つのオプションは、空のオブジェクトとして初期化することです:
リーリーこの場合、
userData.memberIdはエラーをスローしませんが、unknown値をコンポーネントに渡します。別のオプションは、
リーリーuserDataに値が設定されるまでコンポーネントをレンダリングしないことです:どのオプションを好むかは完全にあなた次第です。ただし、重要なことは、
unknownからプロパティを読み取ることはできないということです。