Javascript 使用括号和&；的意外JX&；

这个jsx有什么问题

return(
    {(item.min_price > 0 || item.max_price > 0) && 
        <div className="col-md-12">
            {this.renderPrice()}
    </div>}
);

返回(
{（item.min_price>0 | | item.max_price>0）和
{this.renderPrice（）}
}
);

---

我在第2行收到了意外的令牌。

如果您删除

花括号，它将起作用


const项={
最低价格：10，
最高价格：10
}
类测试扩展了React.Component{
render（）{
返回(
（item.min_price>0 | | item.max_price>0）和
价格
);
}
}
React.render（，document.getElementById（'container'）

删除花括号{}@OriDrori where？外部的
{}
在那里无效（或者说它们的内容无效）。对象文字不能包含任意表达式<代码>{…&&&&…}
是无效的JavaScript。您可能会想：“
{…}
用于在JSX中嵌入表达式”，这是真的。但是外部的
{}
不在JSX内部。您应该先检查条件，然后返回div，并且不包括{}