reactjs 在React中获取fetch数据将获得详细信息,然后将无法使用它们,因为它们未定义

efzxgjgh  于 2022-12-12  发布在  React
关注(0)|答案(1)|浏览(103)

我有一个get方法,我试图从我的API中获取数据(我已经对其他4个页面做过了,并且工作正常)。但是由于某种原因,我在这里得到了这个enter image description here,你可以看到数据被加载了,但是最后一行是“undefined mine1 vs opponent2undefined”,它必须是“0 mine1 vs opponent20”。下面是我的代码,它会变得更清楚:

if (phase == 2)
        {
            const cookies = new Cookies();
            const url = "http://localhost:7101/GetAllPlayerRounds?userID=" + cookies.get('UserID');
            fetch(url)
                .then((response) => response.json())
                .then((data) => {
                    console.log(data);
                    setRound(data);
                    console.log(data.WPM1 + " mine1 vs opponent2" + data.WPM2)

                    setPhase(3);
                })
        }

我尝试过使用提取数据,但似乎没有任何效果,结果总是一样。我不明白为什么我不能使用给定的数据。还尝试设置一个useState,并将提取数据中的值赋予该useState,然后使用它,但结果仍然一样...

watbbzwu

watbbzwu1#

根据图像,您的数据是一个数组。

console.log(data[0].WPM1 + " mine1 vs opponent2" + data[0].WPM2)

相关问题