es6 반응에서 소품으로 리터럴 문자열 연결

Question

분명히 아래 코드가 작동하지 않습니다. 솔직히 말해서 어떻게 해야할지 모르겠습니다.

내 논리는 가능하지만 인라인으로 할 수 있었는지, 이것이 작동 가능하지는 않은지 확실하지 않았습니다.

Answer 1

템플릿 리터럴 토큰을 너무 빨리 종료했습니다.

<div>       
    <Dropdown labelName="Settings" listItems={[ 
    {name:'View Listing', handlerName:'view_listing'}, 
    {name:'Edit Listing', handlerName:'edit_listing'}, 
    {name:`${this.state.spaceStatus === 'active' ? 'Deactivate Listing': 'Activate Listing'}`, handlerName:'deactivate_listing'}, 
    // >>>---------------------------------------------------------------------------------^ 
    ]}/> 
</div> 

: 귀하의 전체 조건 연산자 표현은 'Activate Listing'이 끝난 후에 }를 이동 ${...}에 있어야합니다