조건부 렌더링1 [react] 올바른 리액트 조건부 렌더링 (if else 구문과 ternary operator, && 차이) 리액트의 조건부 렌더링 리액트에서 JSX를 조건에 따라 렌더링 할 때에는 크게 두 가지 방법이 있습니다. 1) if, else 구문을 사용하는 방법과 2) ternary operator를 사용하는 방법입니다. 두 가지 방법 모두 겉으로 보기에는 condition에 따른 JSX를 렌더링 한다는 점에서 비슷하지만, 경우에 따라 성능상의 차이가 크게 나타나기도 합니다. 간단한 예시를 통해서 어떤 차이가 있는지 살펴보겠습니다. 1. if / else if, else를 활용한 예시입니다. showing state에 따라서 Header 컴포넌트의 렌더링 여부를 결정하도록 구현했습니다. import React, { useState } from "react"; import "./App.css"; function App.. 2019. 9. 9. 이전 1 다음
