Routing 如何使用RelayJS实现下一个JS动态路由

我试图将我们的路由切换到NextJS的v9，而不是之前的库

从四处玩和查看文档来看，如果我要传入一个参数/slug，它似乎强制执行某个文件结构。e、 为了一篇博文

blog
  [slug].tsx

允许我使用类似于

blog/id123

的路由

我们使用RelayJS，它也依赖于文件名。在这种情况下，所有React组件必须以

FileNameQuery

的格式命名查询。这意味着我需要在传递的变量名之后命名所有中继查询，这不会很好地扩展

是否有人能将这些功能很好地结合在一起？

示例中使用data.js

const variables=ctx.query
? Object.assign（（options.variables |{}），ctx.query）
：（options.variables |{}）

if (options.query) {
  // Provide the `url` prop data in case a graphql query uses it
  // const url = { query: ctx.query, pathname: ctx.pathname }
  const variables = ctx.query
    ? Object.assign((options.variables || {}), ctx.query)
    : (options.variables || {})
  // const variables = options.variables || { }
  // const cacheConfig = { force: true }
  // TODO: Consider RelayQueryResponseCache
  // https://github.com/facebook/relay/issues/1687#issuecomment-302931855
  queryProps = await fetchQuery(environment, options.query, variables) // , cacheConfig
  queryRecords = environment
    .getStore()
    .getSource()
    .toJSON()
}