조건부렌더링
-
[React] 조건부 렌더링 시 "falsy" 값 렌더링 주의React 2022. 6. 28. 15:44
문제 api로 배열 데이터를 받아와 화면에 뿌려주는 작업 중 화면에 0이 출력되어 찾아보았다. 원인 JSX 이해하기 – React A JavaScript library for building user interfaces ko.reactjs.org {props.messages.length && } 한 가지 주의해야 할 점은 0과 같은 “falsy” 값들은 React가 렌더링 한다는 점입니다. 예를 들어, 아래의 예시는 props.messages가 빈 배열일 때 예상과는 다르게 0을 출력하게 됩니다. props.messages.length가 0이면 "falsy" 값이 나오니 조건부 렌더링을 이용하면 되겠다! 라는 생각이지만 리액트는 그 값을 렌더링한다고 한다. 그래서 0이 출력하게 되었다. “falsy” 값..