조건부렌더링1 소플의 처음 만난 리액트_실습7 소플의 처음 만난 리액트_실습7 조건부 렌더링이란? - 조건에 따라 렌더링의 결과가 달라지도록 하는 것 엘리먼트 변수 - 리액트 엘리먼트를 변수처럼 저장해서 사용하는 방법 인라인 조건 - 조건문을 코드 안에 집어넣는 것 - 인라인 if → 논리 연산자 &&를 사용 → 앞에 나오는 조건문이 true일 경우에만 뒤에 나오는 엘리먼트를 렌더링 - 인라인 if-Else → 삼항 연산자 ?를 사용 → 앞에 나오는 조건문이 true면 첫 번째 항목을 리턴, false면 두 번째 항목을 리턴 → 조건에 따라 각기 다른 엘리먼트를 렌더링하고 싶을 때 사용 컴포넌트 렌더링 막기 - 리액트에서는 null을 리턴하면 렌더링되지 않음 - 특정 컴포넌트를 렌더링하고 싶지 않을 경우 null을 리턴하면 됨 로그인 여부를 나타내는.. 2023. 7. 31. 이전 1 다음 반응형