Почему мой thunk не работает в этом извлечении? - PullRequest
Новая
       4

Почему мой thunk не работает в этом извлечении?

0 голосов
/ 04 октября 2018

Попытка заставить работать мой thunk, но данные не передаются в моем создателе действия receive_data: 

const getData = () => dispatch => {
  console.log('getData called');
  fetch('https://jsonplaceholder.typicode.com/users')
    .then(response => response.json)
    .then(data => {
        dispatch(received_data(data))
      })

}

Почему я не могу получить данные в своей выборке?в чем здесь проблема?

codesandbox

1 Ответ

0 голосов
/ 04 октября 2018

У вас есть две проблемы в вашем коде.Первый в вашем fetch процессе. 

.then( response => response.json )

Это должно быть: 

.then( response => response.json() )

Кроме того, после получения users у вас будут объекты.Таким образом, вы не можете визуализировать объекты напрямую.Конечно, это всего лишь тестирование, вы не хотите отображать только id свойств:)

Измените это: 

<div>
  This is Dumb
  <button onClick={getData}>Go</button>
  {users.map( user => <li>{user}</li> )}
</div>

на это: 

<div>
  This is Dumb
  <button onClick={getData}>Go</button>
  {users.map( user => <li>{user.id}</li> )}
</div>
...