김정현님의 게시글

질문&답변

React re-rendering 관련 질문

올린지 얼마 안되어 해결글을 올리니 조금 머쓱하네요 ㅎㅎ; state의 값을 true 또는 false 로만 생각하고 있었던 것이 문제였습니다. useEffect가 status update시에만 동작한다는 점을 고려하여 payload값을 받아올 status 값의 기본값으로 Default 라는 문자열을 넣어둔 뒤 useEffect 메서드 내부에서 ReactDOM을 이용하여 변경되는 status 값(true 또는 false로 변경됨) 에 따라 초기 렌더링된 div container 내부에 각기 다른 element를 렌더링하는 방식으로 해결되었습니다. 또한 렌더링될 element들은 Function으로 리턴받도록해 의도치 않은 실행을 방지시켰습니다. 감사합니다!