Typical usage

I am still unclear how redux-api should be used from the docs:

If I have a rest object like this

export default reduxApi({
  getCountries: {
    url: `/countries`,
    transformer(data) {
      const d = fromJS(data);
      return d;
    }
  }
}).use('options', (url, params, getState) => {
  const headers = {
    Accept: 'application/json',
    'Content-Type': 'application/json'
  };

  return { headers };
});

What happens with the result? How do I get the data into the global sate. I can see some sort of name spaced action is raised:

@@redux-api@getCountries_success

Should I have case in a switch statement to test for this.

I’m confused what happens after the asyn call returns

[EduardoAC]

I will try to help as well:

What happens with the result? How do I get the data into the global sate

The truth is that redux api push the data directly to the state of your redux application by using the path defined in the object passed to reduxApi() function.

Which means that the data will store in the variable call getCountries as object that will contain the information above mention.

In order to use in your component you will need to use mapStateToProps from connect something like

const mapStateToProps = state => ({
  countries: state.getCountries 
});

const mapDispatchToProps = dispatch => ({
  getCountries: () => dispatch(api.actions.getCountries()),
});

export default connect(mapStateToProps, mapDispatchToProps)(CountriesComponent);

[dagda1]

Actually the problem was my reducer, changing it to this fixed my problem:

export default function createReducer(asyncReducers) {
  return combineReducers({
    form,
    application: applicantReducer,
    api: combineReducers(reduxApi.reducers)
  });
}

Calling combineReducers on the reduxApi.reducers was the missing bit for me.