Front-End/React (1) 썸네일형 리스트형 [React, React Native] 논리 연산자 AND(&&)로 조건부 렌더링할 때의 주의사항 이 글은 React, React Native에서 논리 연산자로 조건부 렌더링할 때의 주의사항에 대해 설명한다. JSX 안에는 중괄호를 이용해 표현식을 포함할 수 있다. 그 안에 javascript 논리 연산자 &&를 사용하면 쉽고 간결하게 엘리먼트를 조건부로 렌더링할 수 있다. && 연산자는 왼쪽 피연산자가 true로 간주되면 오른쪽 피연산자를, false로 간주되면 해당 리터럴을 반환한다. 다시 말해서 a&&b의 결과는 a가 true로 간주된다면 a, false로 간주된다면 b이다. 컴포넌트나 엘리먼트를 논리 연산자 &&를 이용해 조건부 렌더링하면, 왼쪽의 피연산자가 true로 간주되는 값일 때 오른쪽의 컴포넌트나 엘리먼트가 렌더링된다. 그러나 컴포넌트 조건부 렌더링 시 왼쪽의 피연산자가 false일 .. 이전 1 다음