React + Fetch + Json. TypeError: Не могу прочитать свойство undefined

Question

Когда я использовал SuperAgent, у меня не было этой проблемы, но я решил использовать Window.fetch polifyl, и я встретил эту проблему. Я вижу, что все данные были загружены, но все еще показывает ошибку. Может мне вашу помощи определить эту ошибку, пожалуйста:

В визуализации() Я genereate списка компонентов, основанных на полученный список:

render() { 

    if (this.state.data.list) { 
     console.log("render: " + this.state.data.list); 
     var counter = 0; 
     const list = this.state.data.list.map((item) => { 
.... 

Answer 1

Обработчики обещают в скриншоте не будут работать:

.then((json) => console.log('parsed json: ', json)) 
.then((json) => { this.setState({ data: json }); }) 

«Примите значение от решения этого обещания и передать его console.log. Затем, возьмите возвращаемое значение console.log (который является undefined) и передать его в this.setState ".

Answer 2

fetch(url, { 
     headers: { 
      'Accept': 'application/json', 
     }, 
    }).then((response) => response.json() 
     .catch(err => { 
      console.err(`'${err}' happened!`); 
      return {}; 
     })) 
     .then((json) => { 
      console.log('parsed json: ', json); 
      this.setState({ data: json }) 
     }) 
     .catch((err) => { console.log('fetch request failed: ', err) } 
     )