React - Redux: Как настроить Redux с помощью React?

Question

Я создаю простую операцию CRUD с Redux, но я не могу увидеть действие в инструментах разработчика, которые я создал для Redux.

readAction.js

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

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;

Инструмент разработчика, в котором я не могу увидеть redux action

Пожалуйста, просмотрите ниже весь рабочий код песочницы.

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

Answer 1

Похоже, вы не настроили window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__.Пожалуйста, проверьте эту ссылку для более подробной информации шаг за шагом

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