React NativeMap“未定义”不是函数

u0njafvf 于 2022-12-19 发布在 React

关注(0)|答案(2)|浏览(179)

我尝试从API获取数据，但收到错误Error Image。
这是我的代码。

const [datas, setDatas] = useState(" ");

const res = async () => {
 const response = await axios.get("http://hasanadiguzel.com.tr/api/kurgetir");
 setDatas(response.data.TCMB_AnlikKurBilgileri);
};

datas.map((item) => {
 return (
  <KurCard
   title={item.Isim}
   alis={item.BanknoteBuying}
   satis={item.BanknoteSelling}
  />
 );
});

我该如何解决这个问题？
我正在尝试map()数据，因为我需要它

react-native

来源：https://stackoverflow.com/questions/74834051/react-native-map-undefined-is-not-a-function

2条答案

按热度按时间

brccelvz1#

嗨@n00b，

datas最初设置为空字符串的数据，它没有map方法。首先，您需要一个空数组来代替空字符串useState([])。现在，您可以使用map。

const [datas, setDatas] = useState([]);

const res = async () => {
  const response = await axios.get('http://hasanadiguzel.com.tr/api/kurgetir');
  setDatas(response.data.TCMB_AnlikKurBilgileri);
};

{datas.length > 0 &&
  datas.map((item) => {
    return <KurCard title={item.Isim} alis={item.BanknoteBuying} satis={item.BanknoteSelling}/>
  })
}

请确保你的数据.它有一个长度大于0前尝试到Map它.

赞(0）回复(0）举报 2022-12-19

epfja78i2#

假设您的API请求有效，您实际上需要从组件本身返回一些内容，而不仅仅是数组：

return datas.map((item) => {return <KurCard title={item.Isim} alis={item.BanknoteBuying} satis={item.BanknoteSelling}/>})

赞(0）回复(0）举报 2022-12-19

我来回答

React NativeMap“未定义”不是函数

2条答案

嗨@n00b，

相关问题

热门标签

最新问答