[React] 삼항연산자 & map()

삼항연산자

react의 render부분에서는 if문을 쓸 수 없기 때문에 삼항연산자로 대신한다.

// 삼항 연산자

function App() {
	const [loading, setLoading] = useState(false);
    
	return (
    	<div>
            { loading 
                ? <div> 로딩중 ... </div>
                : null
            }
        </div>
	);
}
//loading 이 true일 경우 '로딩중 ...', false일 경우 null

map()

for문을 대신하여 array.map() 사용

// map

function App() {
	const arr = [1, 2, 3];
    
	return (
    	<div>
            { arr.map((i) => {
            	return <div>i</div>
            })}
        </div>
	);
}