无法访问 JSON 元素反应 js答案

【问题标题】：Cannot acces JSON element react js无法访问 JSON 元素反应 js
【发布时间】：2021-06-28 20:36:59
【问题描述】：

我有以下代码：

const [intrebari, setIntrebari] = useState([])
     useEffect(() => {
          let idVar = localStorage.getItem('idVarianta');
          idVar = JSON.parse(idVar)
           axios({
             method: "POST",
             data: {
               idVarianta: idVar,
             },
             withCredentials: true,
             url: "http://localhost:4000/getIntrebari",
           }).then((res) => {
              console.log(res)
              const data = res.data;
           setIntrebari(data);
            console.log('Data has been recieved');
           });
        }, [])

返回给我的是：

如何访问数据？如果我尝试 intrebari[0].intrebare 它会给我“无法访问未定义类型的属性 intrebare”。任何想法？我还尝试控制台日志 intrebari[0] 并显示第一个元素，但是当我尝试访问 intrebari[0].intrebare 时，它给了我上述错误。谢谢

【问题讨论】：

标签： javascript node.js json reactjs

【解决方案1】：

试试setIntrebari(res)，而不是setIntrebari(data)。

【讨论】：

尝试将 axios 调用放在异步函数中（等待 axios 调用），并在效果挂钩中等待结果。

【解决方案2】：

通过添加解决它。问题是组件在获取数据之前正在渲染。

function getIntrebare() {
      if (intrebari.length !== 0) {
        return intrebari[questionIndex].intrebare;
      }
      return "";
    }

【讨论】：