微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

外部 redux 应用程序中的 React-admin - 当编辑指向错误的元素 ID 时如何重定向

如何解决外部 redux 应用程序中的 React-admin - 当编辑指向错误的元素 ID 时如何重定向

我正在使用嵌入在另一个 redux 应用程序中的 react-admin,如此处所述 (https://marmelab.com/react-admin/CustomApp.html)

我已经配置了这样的路由

  <Route path="/main/posts/:id" render={(routeProps) => <EditGuesser resource="posts" id={decodeURIComponent((routeProps.match).params.id)} basePath={routeProps.match.url} {...routeProps} />} />
  <Route path="/main/posts" render={(routeProps) => <ListGuesser hasCreate resource="posts" basePath={routeProps.match.url} {...routeProps} />} />

当用于详细 url 的元素 id 存在于数据库中时,一切正常。

当 id 不存在时,会返回一个错误,然后 react-admin 继续循环调用相同的元素。

这是一个重现问题的代码沙箱:https://codesandbox.io/s/react-admin-embedded-in-another-app-e92hp

我在从详细信息页面删除元素时遇到了类似的问题。这种情况下的解决方案是定义删除重定向列表页面。

我认为这需要类似的解决方案,但我不知道在哪里配置重定向列表页

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。