es6字符串連接作爲prop中的反應

Question

下面的代碼顯然不起作用，我不知道該怎麼做才能說實話。

<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> 

我可以做我的邏輯支持，但試圖做到內聯，不知道這是否可行。

Answer 1

您剛剛結束了模板文字標記。您的整個條件運算符表達式應該在${...}中，只需將}移動到'Activate Listing'的末尾之後：

<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>