axios TypeError:无法读取未定义的属性(阅读“map”),无法从API获取数据

niwlg2el  于 2023-02-08  发布在  iOS
关注(0)|答案(1)|浏览(159)
const handleData = (e) => {
  e.preventDefault()
  var config = {
    method: 'get',
    maxBodyLength: Infinity,
    url : ''
    headers : {}
  };
  axios(config)
    .then((response) => {
      setIsData(JSON.stringify(response.data))
      console.log(response);
    })
    .catch((error)=> {
      console.log(error);
    });  
}  
       
<p onClick={(e) => handleData(e)}>
  {isData?.map(product => {
    return <p key={sectionTypes.NEWLY_JOINED}>{product}</p>
  })}
</p>

我一直在尝试显示id的排序和显示他们根据各自的部分id,但这个错误不断出现在页面上。
控制台日志显示“获取今日配置文件失败”
我不知道我做错了什么,是Map功能做错了,还是在获取数据时做错了?

knsnq2tg

knsnq2tg1#

你在状态中字符串化你的响应,然后直接在状态上使用Map函数,因此出现了这个错误。
你需要解析你的数据,然后应用Map函数。
可能的解决办法:
1.不要将响应字符串化,这样就可以直接将其用作数组形式。
1.在将状态与某个变量中的JSON.parse(isData)一起使用之前,请先解析状态,然后将map函数添加到此数组变量中。

相关问题