[REACT] JSX 사용법

JSX 사용법

//JSX 주의사항
//1. 중괄호 내부에는 자바스크립트 표현식만 가능
//2. 숫자, 문자열, 배열 값만 렌더링 된다.
const Main = () => {
    const number = 10;
    return (
        <main>
            <h1>main</h1>
            <h2>{number % 2 === 0 ? "짝수":"홀수"}</h2>
        </main>
    );
}

const Main = () => {
    const user = {
        name: "윤주영",
        isLogin: true,
    };
    return (
        <>
            {user.isLogin ? (<div>로그아웃</div>) : (<div>로그인</div>)}
        </>
    );
}