질문이있습니다.!!!

width px 박으니 xs{24} sm{6} md{6} 해준게 잘 안맞네용 ..ㅠㅠ 다름이아니라 질문이 있습니다. me.Posts.length, me.Followings.length, meFollwers.length 부분 게시글 쓸때는 왼쪽 프로필에 짹짹length가 바로 변하던데 : 메인화면에서 팔로우랑 언팔로우 버튼 클릭시 length와 버튼 name(팔로우, 언팔로우) 이 변하지 않아요.... 새로고침하면 정상적으로 변하더라구요 왜그런지 생각해봤는데 게시글 묶어줄땐 unshift 이고 팔로우 언팔로우시에는 push 와 filter 인거 말고는 없는게 같은데 이게 문제는 아니지 않을까요? 잘 모르겠네요.... 핵심은 기능은 정상적으로 작동합니다.. 단 새로고침시... 실시간으로는 버튼 name이랑 length 숫자가 안바끼네요... 보통 이벤트가 일어나면 react 특성상 리렌더링이 될텐데 말이죠... ㅠㅠ UserProfile, reducers, FollowButton 순입니다.! return ( Card actions = {[ div key ="twit" > Link href = { `/user/ $ { me . id } ` }> a > 내가쓴글 br />{ me . Posts . length } a > Link > div > , div key ="followings" > Link href ="/profile" > a > 팔로잉 br />{ me . Followings . length } a > Link > div > , div key ="follower" > Link href ="/profile" > a > 팔로워 br />{ me . Followers . length } a > Link > div > , ]} switch (action . type ) { case FOLLOW_REQUEST : // 팔로우 요청 draft . followLoading = true ; draft . followError = null ; draft . followDone = false ; break ; case FOLLOW_SUCCESS : // 팔로우 성공 draft . followLoading = false ; draft . me . Followings . push ({ id : action . data . UserId }) ; //unshift//push draft . followDone = true ; break ; case FOLLOW_FAILURE : // 팔로우 실패 draft . followLoading = false ; draft . followError = action . error ; // 로그인 실패 확인 break ; case UNFOLLOW_REQUEST : // 언팔로우 요청 draft . unfollowLoading = true ; draft . unfollowError = null ; draft . unfollowDone = false ; break ; case UNFOLLOW_SUCCESS : // 언팔로우 성공 draft . unfollowLoading = false ; draft . unfollowDone = true ; draft . me . Followings = draft . me . Followings . filter ((v) => v . id !== action . data . UserId ) ; break ; case UNFOLLOW_FAILURE : // 언팔로우 실패 draft . unfollowLoading = false ; draft . unfollowError = action . error ; // 로그인 실패 확인 break ; import React , { useCallback } from 'react' ; import { Button } from 'antd' ; import PropTypes from 'prop-types' ; import { useSelector , useDispatch } from 'react-redux' ; import { FOLLOW_REQUEST , UNFOLLOW_REQUEST } from '../reduces/user' ; const FollowButton = ({ post }) => { const dispatch = useDispatch () ; const { me , followLoading , unfollowLoading } = useSelector ((state) => state . user ) ; const isFollowing = me ?. Followings . find ((v) => v . id === post . User . id ) ; // 고차함수 , 클로저 , 스프레드 문법 //method const onClickButton = useCallback (() => { if ( isFollowing ) { dispatch ({ type : UNFOLLOW_REQUEST , data : post . User . id , }) ; } else { dispatch ({ type : FOLLOW_REQUEST , data : post . User . id , }) ; } } , [ isFollowing ]) ; // console.log(JSON.stringify(isFollowing)+" 확인 "); // if (post.User.nickname === me.nickname) { // return null; // } if (post . User . id === me . id ) { return null ; } return ( Button loading = { followLoading || unfollowLoading } onClick = { onClickButton }> { isFollowing ? ' 언팔로우 ' : ' 팔로우 ' } Button > ) ; } ; FollowButton . propTypes = { post : PropTypes . object . isRequired , } ; export default FollowButton ;

에러가 납니다...ㅠㅠ

AppLayout.js 에서 props 로 받는 children 말씀하시는거죠? 그거 있어요... props 명을 바꿔서도해봤는데 그대로 저렇게 뜹니다.. dispatch login and logout - 실행되는거확인하고 그 다음 강의 devtools 로 넘어가면서 서버 종료하고 devtools import 받아오고 따라치고 확인하려고 다시 npm run dev 를 쳤는데 저 상태에요 그래서 devtools 그 부분이 문젠가해서 주석처리하고 다시해봐도 똑같이 뜨네요.. 분명 그전에 usestate 를 redux useSelector dispatch로 바꿔서 로그인 로그아웃 확인했을땐 됐었던거같은데 그상태로 다시 돌렸는데 안되네요... 갑자기 왜이러는지 모르겠네요... .. 저 오류에 대한 문구를 복붙해서 구글링 긁어도 잘 못찾겠네요... localhost/:1 GET http://localhost:3000/ 500 (Internal Server Error) Uncaught at AppContainer at processChild at resolve at ReactDOMServerRenderer.render at ReactDOMServerRenderer.read at Object.renderToString at Object.renderPage at Object.defaultGetInitialProps at Function.getInitialProps at Object.loadGetInitialProps