조건부 랜더링

서울IT코드정리 /kyChoi·2021년 11월 22일
0

리랙트

목록 보기
18/18
import React from 'react'

function UserGreeting(props){
    return<h1>{props.name}, Welcome It's {props.count} times</h1>

}
function GuestGreeting(props){
    return<h1>Please sign up</h1>;
}
function Greeting(props){
    // if(props.isLoggedIn){
    //    return <UserGreeting name="jimmy" count={0} />;
    // }
    return props.isLoggedIn ? <UserGreeting name="jimmy" count={0}/> :<GuestGreeting />;
}
export default function Condition() {
    const isLoggedIn = false;
    return (
        <div>
            <Greeting isLoggedIn={isLoggedIn} />
        </div>
    );
}
profile
건물주가 되는 그날까지

0개의 댓글