React native 无法在React Native中呈现来自API的数据

我有一个API，如下所示：

[
{
"available_quantity": 500, 
"available_quantity_units": "Units", 
"product_name": "ABC", 
"product_price": "35.00", 
},
{
"available_quantity": 500, 
"available_quantity_units": "Units",  
"product_name": "XYZ", 
"product_price": "50.00", 
}
]

  const showData = () => {
    kioskData.map((item, index) => {
      return (
        <View>
          <Text>{item.product_price}</Text>
        </View>
      );
    });
  };
    
  return (
    <View style={styles.container}>
      {loading ? (
        <ActivityIndicator size="large" color={COLORS.blue} />
      ) : (
        showData()
      )}
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
});

我正在尝试以React Native显示数据。其代码如下所示：

[
{
"available_quantity": 500, 
"available_quantity_units": "Units", 
"product_name": "ABC", 
"product_price": "35.00", 
},
{
"available_quantity": 500, 
"available_quantity_units": "Units",  
"product_name": "XYZ", 
"product_price": "50.00", 
}
]

  const showData = () => {
    kioskData.map((item, index) => {
      return (
        <View>
          <Text>{item.product_price}</Text>
        </View>
      );
    });
  };
    
  return (
    <View style={styles.container}>
      {loading ? (
        <ActivityIndicator size="large" color={COLORS.blue} />
      ) : (
        showData()
      )}
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
});

const showData=（）=>{
kioskData.map（（项目，索引）=>{
返回(
{项目.产品价格}
);
});
};
返回(
{加载(
) : (
showData（）
)}
);
};
const styles=StyleSheet.create({
容器：{
弹性：1，
为内容辩护：“中心”，
对齐项目：“居中”，
},
});

---

但数据不会显示在屏幕上，也没有错误。请帮我解决这个问题。提前感谢您的时间。

您忘记了地图功能中的返回组件：

kioskData.map((item, index) => {
  return <View>
    <Text>{item.product_price}</Text>
  </View>;
});

kioskData.map（（项目，索引）=>{
返回
{项目.产品价格}
;
});

Hi btb。我已根据您的建议修改了showData方法。但还是一样。编辑我的问题以将返回添加到showData方法。您需要2个返回，一个用于showData，一个用于map。您刚刚删除了第一个。谢谢，添加另一个返回语句很有效。