在 dataProvider react-admin 中使用 dispatch

Question

所以我需要在 dataProvider 中调用 dispatch 来更新状态 uploadProgress 以在我的表单中上传视频，我已经在使用 customReducers

//reducers
const uploadProgress = (previousState = 0, { type, payload }) => {
if (type === "ADD_PROGRESS") {
 return payload;
}
 return previousState;
};

//Admin
 <Admin
  dataProvider={dataProvider}
  dashboard={Dashboard}
  loginPage={LoginPage}
  authProvider={authProvider}
  history={history}
  customReducers={{ uploadProgress }}
  layout={Layout}
  customRoutes={customRoutes}
> .... <Admin />

并且 iam 使用 react-redux 中的 connect 将状态作为我的页面组件的 props 发送

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

export default connect(mapStateToProps)(ContentItemEdit);

我将在更新或创建 video_content 时更新uploadProgress 状态，运行上传处理到存储，这将显示进度条，并且我得到了dataProvider 的一些阻塞，因为dataProvider 必须导出为对象不能作为函数来应用连接来调用我的调度，我找不到从 react-admin 使用 connect 或 call store 的方法

  const dataProvider = {
    getList:    (resource, params) => Promise,
    getOne:     (resource, params) => Promise,
    getMany:    (resource, params) => Promise,
    getManyReference: (resource, params) => Promise,
    create:     (resource, params) => Promise,
    update:     (resource, params) => Promise,
    updateMany: (resource, params) => Promise,
    delete:     (resource, params) => Promise,
    deleteMany: (resource, params) => Promise,
}

"react-admin": "^3.8.3",

Answer 1

你不能在 dataProvider 中调用 dispatch 或 connect，因为它不知道 React。这是 react-admin 的当前限制。