Question

虽然肯定有很多方法可以达到结果，但我在考虑是否可以在component标签内使用条件语句？

例如，考虑这部分代码以返回有状态组件

<FlatList
         { this.state.searchCoin ? data = displaySearchCrypto :  data=this.props.cryptoLoaded }
           renderItem={({ item }) => (
           <CoinCard
            key={item["short"]}
            coinShortName = {item["short"]}
            coinName = {item["long"]}
            coinPrice = {item["price"].toFixed(2)}
            marketCap = {(item["mktcap"]/1000000000).toFixed(4)}
            percentChange = {item["perc"].toFixed(2)}
            vwapData={item["vwapData"].toFixed(2)}
            coinImage={"https://coincap.io/images/coins/" + item["long"] + ".png"}
            />

这是在这里抛出错误

   { this.state.searchCoin ? data = displaySearchCrypto :  data=this.props.cryptoLoaded }

[问题：]我该如何解决？

Answer 1

将三元组放入道具定义中：

<FlatList
    data={this.state.searchCoin ? displaySearchCrypto : this.props.cryptoLoaded}
/>

组件标签中的条件语句

1 个答案: