redux-saga学習(三)
1492 ワード
redux-saga
import { createStore ,applyMiddleware ,compose } from 'redux';
import createSagaMiddleware from 'redux-saga';
import mySaga from './sagas';
// import thunk from 'redux-thunk';
import reducer from './reducer';
const sagaMiddleware = createSagaMiddleware()
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({ }) : compose;
const enhancer = composeEnhancers(
applyMiddleware(sagaMiddleware)
);
const store = createStore(
reducer,
enhancer
);
sagaMiddleware.run(mySaga);
export default store;
import { put, takeEvery } from 'redux-saga/effects';
import { GET_LIST_DATA } from './actionTypes';
import { initList } from './actionCreators';
import axios from 'axios';
function* fetchUser(action) {
try {
let resData = yield axios.get('/list.json');
const data = resData.data.list;
console.log(data);
yield put(initList(data))
} catch (e) {
console.log(" ")
}
}
function* mySaga() {
yield takeEvery(GET_LIST_DATA, fetchUser);
}
export default mySaga;