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

Question

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

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

为此，它引发以下错误

对象无效作为React子代

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

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)}
      />

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

附言：如果您对此问题不满意，请也发表评论，以便我也可以改善我的问题。

Answer 1

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

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

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

Answer 2

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