Reactjs 使用平面列表的正确方法

最近有人建议我使用平面列表而不是地图

在Map中，我在

渲染中做了类似的事情（这很有效）

但这会抛出一个错误，表示未定义
short
。有人能告诉我我做错了什么吗？如何正确使用平面列表？
renderItem
回调获取一个具有
item
属性的对象，因此您需要将分解结构更改为
renderItem={（{item}=>}
无需使用
键
道具，因为
平面列表
在
键提取器
的帮助下进行处理。是否有控制台。注销渲染？您正在解构{el}参数。你改为使用shortname={short}了吗？
let CryptoData = this.props.cryptoLoaded;
let displaySearchCrypto = []
      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)}
            coinImage={"https://coincap.io/images/coins/" + el["long"] + ".png"}
            />
          )
        })
      }

   <FlatList
               data={this.props.cryptoLoaded}
               renderItem={({ el }) => (
               <CoinCard
                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)}
                coinImage={"https://coincap.io/images/coins/" + el["long"] + ".png"}
                />
        )}
      />