Как получить доступ к [[PromiseValue]]?

Question

[mr jeery]

Здравствуйте, пытаюсь сделать запрос API на получение фотографии указанного мною города и если запрос не удачный, то диспатчу failurePhotos().

Но проблема в том, что response.json() вместо нужного мне значения представляет себя объект, где нужное мне свойство обозначено [[PromiseValue]], к которому не получить доступ.

Вот код. Прошу помочь.

export function receivePhotos(json, value) {
    return {
        type: "RECEIVE_PHOTOS",
        photos: json,
        value: value,
        receivedAt: Date.now(),

    }
}

export function failurePhotos() {
    return {
        type: "FAILURE_PHOTOS",
        photos: "http://tutinteresno.com/wp-content/uploads/2015/10/nrgruplxira.jpg",
        receivedAt: Date.now(),

    }
}

export function fetchPhotos(valueLower, value) {
    return function(dispatch) {
        dispatch(requestPhotos())

        var request = new Request
        ('https://api.teleport.org/api/urban_areas/slug:'+valueLower+'/images/', {
            method: 'GET',
            mode: 'cors'
        });

        return(

            fetch(request).then(response => {
                if (response.ok) {
//                  console.log("response.json", response.json())
                    dispatch(receivePhotos(response.json(), value))

                } else {
                    dispatch(failurePhotos())
                }
            })



        )
    }
}

Comments

[Aves]

Так же как и к свойству [[Scopes]] у функции - никак, это внутреннее свойство JS. Нужно использовать что-нибудь вроде https://github.com/redux-utilities/redux-promise

[mr jeery]

Aves, Я надеялся, что допустил какую-то общую ошибку, тк очень поверхностно знаком с промисами.
Неужели нельзя как-то проще без доп. утилит решить задачу?

[Роман Александрович]

mr jeery, я как то уже встречал такое и помню что вышел как то из данной ситуации. если выложите куда нибудь вам код я готов покавырять

Answer 1

[Антон Спирин]

Не правильно используете Fetch API.
Простой пример использования:

fetch('https://example.com/api')
  .then(response => response.json())
  .then(json => dispatch(someAction(json)))
  .catch(console.log);

Comments

[Xaip]

еще лучше этот json сразу там и распарсить с помощью map

[Антон Спирин]

Xaip, как вы собрались парсить json< с помощью map?
Вызов response.json() в примере, как раз парсит ответ.