在JSX if语句中添加props变量
在JSX if语句中添加props变量
提问于 2018-09-17 00:27:15
在我的render函数中，我想添加一个带有prop值的if eles速记语句。
<div>
{ flag ? 'overcharge' :
<sup>$</sup>{total}
}
</div> 我的林特不允许我。{amount}说，Unexpected token should be '}'任何人都知道如何解决这个问题。
回答 2
Stack Overflow用户
回答已采纳
发布于 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>Stack Overflow用户
发布于 2018-09-17 00:43:13
这里您遗漏了两件事:右大括号和父div，这是返回react元素时所必需的。
使用react v16中的React.Fragment。它允许您在同一级别呈现多个组件，而无需在DOM中附加额外的div。
{flag ? 'overcharge' : <React.Fragment><sup>$</sup> {total}</React.Fragment> }页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52356137
复制相关文章
相似问题
腾讯云开发者
