인프런 커뮤니티 질문&답변

혜진

작성한 질문수

[리뉴얼] React로 NodeBird SNS 만들기

팔로우 / 언팔로우

프로필 페이지에서 새로고침 에러

작성

381

다른 분들의 질문글에서 저와 같은 에러 내용을 봤지만 여전히 해결이 안되서 질문드립니다. 프로필 페이지인 상태에서 새로고침을 하면 로그인이 풀리고 에러가 발생합니다, 그래서 답변대로 프로필 페이지에도 LOAD_USER_REAUEST 액션을 넣어 로그인 정보를 불러왔는데 해결이 안되고 me?.Followings 도 적용해봤는데 에러가 사라지지 않네요

내 로그인 정보, 게시글 불러오기 실패, Followers 에러

 // 프로필 페이지 profile.js
 useEffect(() => {
 dispatch({
 type: LOAD_USER_REQUEST, // LOAD_USER_REQUEST 액션 추가
 })
 dispatch({
 type: LOAD_FOLLOWERS_REQUEST,
 })
 dispatch({
 type: LOAD_FOLLOWINGS_REQUEST,
 })
 }, []) 
 
// me?.Followings 수정
 

<AppLayout>
 <NicknameEditForm />
 <FollowList header="팔로잉 리스트" data={me?.Followings} />
 <FollowList header="팔로워 리스트" data={me?.Followers} />
 </AppLayout>

react nodejs express redux Next.js

답변 6

혜진

질문자

앗 else 가 원인인것도 생각해봤는데 원본 node-bird 코드엔 없었어서 시도를 안해봤었어요ㅠ 해결됐네요 늦은 시간 감사합니다

제로초(조현영)

지식공유자

원본은 아마 return 처리가 되었을 겁니다.

혜진

질문자

앗 오타가 있었어서 그런가봐요.. 해결됐습니다! 그런데 이번엔 다른 문제가 발생했네요 ㅠ

팔로잉을 제거할 때 REMOVE_FOLLOWER_REQUEST 액션까지 같이 디스패치 되서 팔로잉만 사라지는게 아니라 팔로워까지 같이 제거가 되네요,, 분명 밑에처럼 작성했는데 왜이럴까요??

const onCancel = (id) => () => {
 if (header === '팔로잉') { // 팔로잉 제거(언팔)
 dispatch({
 type: UNFOLLOW_REQUEST, 
 data: id, // item 의 id 를 받음 (삭제하려는 팔로잉 id)
 })
 }
 dispatch({ // 팔로워 제거(차단)
 type: REMOVE_FOLLOWER_REQUEST,
 data: id,
 })