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>