button disabled 조건부 렌더링

        className={isEmpty ? styles.disabledBtn : styles.activeBtn}

 

// 잘못된 표현

        className={`${isEmpty} ? ${styles.disabledBtn}:${styles.activeBtn}`}

 

 

{}안에 자바스크립트 표현식 그대로 넣어주면 되므로 리터럴 템플릿을 사용하지 않는다