Javascript 反应本机映射方法不渲染

我正在做一个简单的加密货币应用程序来显示每日价格和变化。当渲染索引为0且包含第一枚硬币信息的视图时，将显示数据，但使用贴图方法时，将不显示任何内容。。。以下是视图的代码：

              <View style={styles.container}>
               <ScrollView contenContainerStyle={styles.coinList}>
                {this.state.coinList.map((coin, index) => {
                  alert (coin.symbol + ': ' + coin.price);
                  <CoinInfo
                    key={index}
                    symbol={coin.symbol}
                    name={coin.name}
                    price={coin.price}
                    change={coin.change}
                    active={false}
                    onPress={this.fonPress}
                  />;
                })}
              </ScrollView>
            <View/>

const styles = StyleSheet.create({
  container: {
    flex: 62,
    backgroundColor: '#40137A',
    alignItems: 'center',
    justifyContent: 'center',
  },
  loading: {
    justifyContent: 'center',
  },
  coinList: {
    flex: 1,
    flexDirection: 'row',
    flexWrap: 'wrap',
    justifyContent: 'space-around',
  }
});

{this.state.coinList.map（（硬币，索引）=>{
警告（coin.symbol+'：'+coin.price）；
;
})}
const styles=StyleSheet.create({
容器：{
弹性：62，
背景颜色：“#40137A”，
对齐项目：“居中”，
为内容辩护：“中心”，
},
装载：{
为内容辩护：“中心”，
},
货币列表：{
弹性：1，
flexDirection:'行'，
flexWrap:“wrap”，
为内容辩护：“周围的空间”，
}
});

我使用了一个警报来查看地图是否正常工作，它会提醒我阵列中8枚硬币中的7枚

---

Thanx如果需要帮助

在使用Array.map方法时，应返回要添加到结果数组中的元素

您会看到警报，因为函数正在运行，但由于您没有返回子元素，因此生成的数组没有任何要呈现的内容

试试这个：

            {this.state.coinList.map((coin, index) => {
              alert (coin.symbol + ': ' + coin.price);
              return <CoinInfo
                key={index}
                symbol={coin.symbol}
                name={coin.name}
                price={coin.price}
                change={coin.change}
                active={false}
                onPress={this.fonPress}
              />;
            })}

{this.state.coinList.map（（硬币，索引）=>{
警告（coin.symbol+'：'+coin.price）；
返回；
})}

我建议您查看以下链接，以便更好地理解Array.map：

---

使用Array.map方法时，应返回要添加到结果数组中的元素

您会看到警报，因为函数正在运行，但由于您没有返回子元素，因此生成的数组没有任何要呈现的内容

试试这个：

            {this.state.coinList.map((coin, index) => {
              alert (coin.symbol + ': ' + coin.price);
              return <CoinInfo
                key={index}
                symbol={coin.symbol}
                name={coin.name}
                price={coin.price}
                change={coin.change}
                active={false}
                onPress={this.fonPress}
              />;
            })}

{this.state.coinList.map（（硬币，索引）=>{
警告（coin.symbol+'：'+coin.price）；
返回；
})}

我建议您查看以下链接，以便更好地理解Array.map：

---

非常感谢你的帮助，艾米，现在工作得很好。我会继续学习：）我的荣幸：）很高兴能帮上忙！非常感谢你的帮助，艾米，现在工作得很好。我会继续学习：）我的荣幸：）很高兴能帮上忙！