React-Redux：如何使用React设置Redux？

Question

我正在使用Redux创建一个简单的CRUD操作，但是我无法在为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