React - Redux: How to setup Redux with React?

Question

I'm creating a simple CRUD operation with Redux, but i'm not able to see the action in developer tools which i have created for Redux.

readAction.js

export const readAction = () => {
  return (dispatch) => {
    dispatch({
      type: 'READ_USER',
      data: [ { email: '[email protected]'}, { email: '[email protected]'}, { email: '[email protected]'} ]
    })
  }
}

readReducer.js

const initialState = {
  userData: [],
}

export const readReducer = (state = initialState, action = {}) => {
  //console.log(action)
  switch (action.type) {
    case 'READ_USER':
      return {
        ...state,
        userData: action.data
      }
    default:
      return state
  }
}

export default readReducer;

Developer tool in which i am not able to see the redux action

Please review below whole sandbox working code.

codesandbox.io/embed/naughty-poincare-7tz02

you dont seem to be dispatching that action anywhere

apokryfos
– apokryfos

2019-09-26 10:10:02 +00:00
Commented Sep 26, 2019 at 10:10 — apokryfos
– apokryfos, Commented Sep 26, 2019 at 10:10

Phat Tran · Accepted Answer · 2019-09-26 10:14:25Z

1

Look like you didn't config window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__. Please check this link for more detail step by step

https://github.com/zalmoxisus/redux-devtools-extension

answered Sep 26, 2019 at 10:14

Phat Tran

3,9901 gold badge23 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React - Redux: How to setup Redux with React?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related