Проблеми запроса к АРІ через хранилище Redux?

Question

[Aleksandr19_93]

Доброго дня!
Пробую сохранить данные из АПИ в хранилище redux, но получаю пустой state:
action.js

import axios from 'axios';

function getData (data){
  return {
    type: 'GET_COIN_DATA',
    data
  }
}
export function getCoinData(){
  return function (dispatch){
    return axios
    .get('https://api.coinmarketcap.com/v1/ticker/?limit=5')
    .then(response => {
      dispatch(getData(response.data)) 
    })
    .catch(err => console.log(err))
  }
}

reducer.js

export default (state = {}, action) => {
    console.log(action.data) //Тут є дані
    switch (action.type) {
         case 'GET_COIN_DATA':
         return {
            ...state,
            coin: action.data
         } 
         default:
            return state
     }
}

Если сменить state - state.data = action.data - то state не пустой
store.js

import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import allReducer from '../reducers/index';

let store = createStore(allReducer, applyMiddleware(thunk));

console.log(store.getState())//а тут немає
export default store

Home.js

import Currency from './../layouts/Currency';
import { Provider } from 'react-redux';
import store from './../../store/store';

class Home extends Component {
   render() {
    return (
      <div className="wrapper">
       <h1 className="wrapper-title">Home</h1>
       <ul className="row">
         <li className="row-title">
           <ul className="col">
                <li className="col_img"></li>
                <li className="col_name">Name</li>
                <li className="col_price">Price</li>
                <li className="col_vol">Volume (24h)</li>
           </ul>
         </li>
         <Provider store={store}>
          <Currency />
         </Provider>
       </ul>
      </div>
    );
  }
}

export default Home;

Comments

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

Reyndu að skrifa á rússnesku. Þá kannski einhver hjálpar þér.

[Модератор]

Тостер - русскоязычный ресурс, вопросы здесь принято задавать только на русском языке. Пожалуйста, переведите ваш вопрос на русский язык или он будет удалён.

Answer 1

[Ihor Gevorkyan]

Короче, если на глаз, то вы, по ходу, упустили break операторы в switch редьюсера

Comments

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

Не, там же return в каждом кейсе. Похоже, автор в асинхронное программирование не умеет. Данные он забирает асинхронным запросом к API, а нэмае у него до запроса, сразу после инициализации store.

[Aleksandr19_93]

Антон Спирин, Спасибо, дошло.