应用程式无法执行TypeError：无法读取未定义的属性'map'

Question

地图一直存在此问题，但无法找出原因。

export default function() {
  return (
    <AppContext.Consumer>
      {({ prices }) => (
        <PriceGrid>
          {prices.map((price, index) => (
            <PriceTile key={`priceTile-${index}`} index={index} price={price}/>
          ))}
        </PriceGrid>
      )}
    </AppContext.Consumer>
  );
}

Answer 1

在某些时候，很可能价格不是数组...您可以进行类型检查，如果价格不是数组，则将跳过；

      {Array.isArray(prices) && prices.map((price, index) => (
        <PriceTile key={`priceTile-${index}`} index={index} price={price}/>
      ))}