在JSX if语句中添加props变量

Question

在我的渲染函数中，我想添加一个带有prop值的if eles简写语句。

<div>
   { flag ? 'overcharge' :
    <sup>$</sup>{total}
   }
</div> 

我的棉绒不允许我。 {amount}说Unexpected token should be '}' 任何人都知道如何解决此问题。

Answer 1

缺少结束语function hideshow(colour, car) { //activecar changed to car ，并且您已经解开JSX }。

<sup>$</sup>{total}

Answer 2

您在这里丢失了两件事：关闭大括号和返回react元素时需要的Parent div。

使用React v16中的React.Fragment。它使您可以在同一级别上渲染多个组件，而无需在DOM上附加多余的div。

 {flag ? 'overcharge' : <React.Fragment><sup>$</sup> {total}</React.Fragment> }