javascript React-Redux文件

Posted 2021-05-03

## Dependencies

- redux
- react-redux
- redux-thunk
- redux-logger
- redux-immutable-state-invariant
- axios

```
yarn add redux react-redux redux-thunk redux-logger redux-immutable-state-invariant axios
```

import axios from 'axios';
import * as types from '../datas/actionTypes';
import { api } from '../config';
const API = api[process.env.NODE_ENV];

// POPULAR
export function retrieveDefaultSuccess(res) {
  return {
    type: types.RETRIEVE_DEFAULT_SUCCESS,
    default: res,
  };
}

export function retrieveDefault() {
  return function(dispatch) {
    return axios
      .get(`${API}/__default__`)
      .then(res => {
        dispatch(retrieveDefaultSuccess(res));
      })
      .catch(error => {
        console.log('Default', error);
      });
  };
}

export const RETRIEVE_DEFAULT_SUCCESS = 'RETRIEVE_DEFAULT_SUCCESS';

import * as types from '../datas/actionTypes';
import initialState from './initialState';

export default function(state = initialState.default, action) {
  switch (action.type) {
    case types.RETRIEVE_DEFAULT_SUCCESS:
      return {
        ...state,
        default: action.default,
      };
    default:
      return state;
  }
}

export default {
  default: {},
};

import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import logger from 'redux-logger';
import reducer from '../reducers';

let middleware = [thunk];

// Remove the `true` part in production
if (true) {
  const reduxImmutableStateInvariant = require('redux-immutable-state-invariant').default();
  middleware = [...middleware, reduxImmutableStateInvariant, logger];
} else {
  middleware = [...middleware];
}

export default function configureStore(initialState) {
  return createStore(reducer, initialState, applyMiddleware(...middleware));
}