react 삼항연산자, 변수 입력

gyubo·2024년 12월 21일

삼항연산자로

<button onClick={handleEditClick}>{isEditing ? 'Save' : 'Edit'}</button>


변수 지정으로

    
    let btnCaption = 'Edit';

    if(isEditing) {
        playerName = <input type="text" required />
        btnCaption = 'Save';
    }
    
<button onClick={handleEditClick}>{btnCaption}</button>

두가지 방법으로 동일한 출력을 얻을 수 있다.

profile
개린이

0개의 댓글