본문 바로가기
카테고리 없음

프로젝트 7 코드스테이츠 118

by 안뇽! 2021. 11. 15.
반응형

로그인 안한상태에서 버튼누르면 로그인모달 뜨기

<div className = 'common-room-box' key ={idx}>
    {isLogin ? <Link to = '/roominfo'><Room group = {group} idx = {idx}/></Link>
    : <Room onClick = {showLoginModalHandler} group = {group} idx = {idx}/>
    }
</div>

우선 isLogin이 true일때 false 일때 들어갈 버튼(컴퍼넌트)를 두개씩 만들었는데, 뭔가 비효율적인것같다.

모든 페이지에 이렇게 3항연산자를 사용하는것이 아니라, 필요할때마다 <Room onClick = {func} /> 같은 방식으로 하는 방법이 있을거라는 생각이 들었다.

우선 마감시간이 얼마 남지 않았기 때문에 급한대로 구현만하고 최적화는 나중에 다시하기로 하자.

반응형