I'm really having trouble with the Redux Middleware Challenge

I'm really having trouble with the Redux Middleware Challenge
0

#1

I’m really struggling with this Redux Challenge. I’m passing the data in as a parameter to the requesting data action creator, so I don’t know what the problem is. Why isn’t it working?

Link to the challenge:
https://learn.freecodecamp.org/front-end-libraries/redux/use-middleware-to-handle-asynchronous-actions

My code so far:


const REQUESTING_DATA = 'REQUESTING_DATA'
const RECEIVED_DATA = 'RECEIVED_DATA'

const requestingData = () => { return {type: REQUESTING_DATA} }
const receivedData = (data) => { return {type: RECEIVED_DATA, users: data.users} }

const handleAsync = () => {
  return function(dispatch) {
    // dispatch request action here
    requestingData();
    setTimeout(function() {
      let data = {
        users: ['Jeff', 'William', 'Alice']
      }
      // dispatch received data action here
      receivedData(data);
    }, 2500);
  }
};

const defaultState = {
  fetching: false,
  users: []
};

const asyncDataReducer = (state = defaultState, action) => {
  switch(action.type) {
    case REQUESTING_DATA:
      return {
        fetching: true,
        users: []
      }
    case RECEIVED_DATA:
      return {
        fetching: false,
        users: action.users
      }
    default:
      return state;
  }
};

const store = Redux.createStore(
  asyncDataReducer,
  Redux.applyMiddleware(ReduxThunk.default)
);

Browser Info

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.181 Safari/537.36.


#2
const handleAsync = () => {
  return function(dispatch) {
    // dispatch request action here


    dispatch(requestingData());  // dispaching requestData


    setTimeout(function() {
      let data = {
        users: ['Jeff', 'William', 'Alice']
      }
      // dispatch received data action here


      dispatch(receivedData(data)); //dispatching received Data


    }, 2500);
  }
};

The two dispatch calls returns the object returned from the two functions.


#3

Oh shoot, you’re right. I wasn’t dispatching the action creators