Question

如果条件为假，我想显示一个对象，对此我在有状态组件return语句中正在执行类似的操作。

{ !this.state.searchCoin ?   {displayCrypto}   : null }

为此，它将引发以下错误

对象无效，不能作为React Child

我的显示密码看起来像这样（在渲染中）

let displayCrypto = CryptoData.map(el => {
    return (<CoinCard
       no={i++}
       key={el["short"]}
       coinShortName = {el["short"]}
       coinName = {el["long"]}
       coinPrice = {el["price"].toFixed(2)}
       marketCap = {(el["mktcap"]/1000000000).toFixed(4)}
       percentChange = {el["perc"].toFixed(2)}
       vwapData={el["vwapData"].toFixed(2)}
      />

[问题：] 如果条件为假，如何使用行程表达式在对象上显示？

Ps：如果您不赞成这个问题，请也发表评论，以便我也可以改善我的问题。

Answer 1

您将cryptoCoinCard组件包装在方括号中，这会提示错误。

删除{}，它应该可以工作。

{ !this.state.searchCoin ? displayCrypto : null }

Answer 2

只需删除{}：{ !this.state.searchCoin ? displayCrypto : null }

错误：对象无效作为React子代

2 个答案: