时间戳

首页 > 解决方案 > 尝试在 React Js 中执行第二次数据获取时，为什么我得到无法访问的代码？

reactjs - 尝试在 React Js 中执行第二次数据获取时，为什么我得到无法访问的代码？

问题描述

我目前是 React 的新手。我想要做的是获取数据 2 次。第一次是从服务器获取一个数组，它可以工作。第二次是从同一个服务器但在不同的路由上获取数据。这是我的代码：

componentDidMount() {
    //FIRST FETCH
    fetch("http://localhost:3000/currency").then( response => {
        if(!response.ok) {
            throw Error("Network Request Failed");
        }
        return response.json();
    }).then(data => {
        _currencyArray = data;
        this.setState({
            currencyArray: data, 
            currencyName1: data[0].name, 
            currencyName2: data[0].name
        })
    })  
    .catch(err => {
        console.log(err);
    })

    //SECOND FETCH
    if(this.state.value !== 0) {
        fetch("http://localhost:3000/get_convert_value").then( responseConvertValue => {
            return responseConvertValue.json()
            console.log(responseConvertValue)
        }).then(responseConvertValue => {

        })  
        .catch(err => {
            console.log(err);
        })
    }
}

但是，在第二次获取时，当我尝试console.log(responseConvertValue)时，我不断收到此行的“无法访问的代码”，这使我无法从此获取中获取日期。

我不知何故发现这可能是由于我在return responseConvertValue.json()放置的“ return ” ，但如果我无法返回该数据，我该如何进入下一步？我在这里做错了什么？

我将非常感谢您的任何帮助。非常感谢您，如果您发现这个问题是重复的或无知的，我们深表歉意。

标签： reactjsunreachable-code

解决方案

参数（一个函数）不then应该把指令颠倒过来吗？

console.log(responseConvertValue);    
return responseConvertValue.json();

（您将一些数据写入控制台，然后返回）

推荐阅读