在我的render函数中,我想添加一个带有prop值的if eles速记语句。
<div>
{ flag ? 'overcharge' :
<sup>$</sup>{total}
}
</div>
我的林特不允许我。{amount}
说,Unexpected token should be '}'
任何人都知道如何解决这个问题。
发布于 2018-09-17 00:38:21
缺少一个结束的}
,并且您已经解开了JSX <sup>$</sup>{total}
。
import React, { Component, Fragment } from 'react';
<div>
{ flag
? 'overcharge'
: <Fragment>
<sup>$</sup>{total}
</Fragment>
}
</div>
发布于 2018-09-17 00:43:13
这里您遗漏了两件事:右大括号和父div,这是返回react元素时所必需的。
使用react v16中的React.Fragment
。它允许您在同一级别呈现多个组件,而无需在DOM中附加额外的div。
{flag ? 'overcharge' : <React.Fragment><sup>$</sup> {total}</React.Fragment> }
https://stackoverflow.com/questions/52356137
复制相似问题