ReactJS Relay Modern:选择哪个路由器?

Posted

技术标签:

【中文标题】ReactJS Relay Modern:选择哪个路由器?【英文标题】:ReactJS Relay Modern: which router to choose? 【发布时间】:2018-04-04 02:14:55 【问题描述】:

我正在使用 ReactJs 构建一个大型 SaaS CRUD 应用程序。整个应用程序都有一个经典的导航需求,就像每个对象的以下模式:

Item list -> Item detail -> Item edit/delete
    |------> Item create

对于每种类型的对象,您可以随后列出或创建一个新对象。在列表中,您可以查看详细信息、编辑或删除项目。该应用程序将有一个顶部导航菜单,您可以将您移动到所选的对象类型列表。

就 Relay 而言,每个对象类型都会保存它的查询。详细信息视图将与查询片段一起使用。

似乎一个简单的路由器就足够了,但我不想开始使用旧的东西或不推荐使用的代码。

据我了解,Relay Modern 无法与 React Router V4 一起使用,尽管我已经看到有关如何将 React Router V4 与 Relay Modern 一起使用的问题。所以:

a) 我可以将 RRV4 用于该类型的应用程序吗?我会有问题吗?

b) 如果没有,我应该选择 RRV3 还是 Found ?推荐哪一个?

【问题讨论】:

【参考方案1】:

您可以考虑found 和found-relay。我现在正在评估它们并感谢发现明确解决了静态路由的请求瀑布问题。发现 Relay 支持 Relay Modern。

【讨论】:

【参考方案2】:

我不明白为什么 RRV4 不能与 Relay 一起使用,选择你喜欢的路由器。 RRV4 似乎是个不错的选择。

【讨论】:

官方 Relay 文档说它在嵌套路由上不兼容。见this documentation page @Mendes 有效!对此感到抱歉

以上是关于ReactJS Relay Modern:选择哪个路由器?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 TypeScript 中使用 Relay Modern(babel-plugin-relay 和 relay-compiler)?

如何在 Relay Modern 中取消订阅

如何在 Relay Modern 中强制获取

如何使用 Relay Modern 突变进行文件上传?

Relay Modern 节点不包含片段属性

在 Relay Modern 中设置多个网络层