Почему я получаю недоступный код при попытке выполнить вторую выборку данных в React Js?

Question

В настоящее время я новичок в 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);
        })
    }
}

Однако во 2-й выборке, когда я пытаюсь использовать console.log (responseConvertValue), я продолжаю получать "недоступный код" для этой строки, что не позволяет мне получить дату из этой выборки.

Я как-то узнал, что это может быть из-за 'return', который я помещаю в return responseConvertValue.json (), но если я не могу вернуть эти данные, как я могу перейти к следующему шагу? Что я здесь не так делаю?

Я был бы очень признателен за любую помощь от вас. Большое спасибо и искренне извиняюсь, если вы обнаружите, что этот вопрос дублирован или невежественен.

Answer 1

Не then Аргумент (функция) должен иметь обратные инструкции?

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

(вы записываете некоторые данные в консоль, а затем возвращаете)