两个处理相同路由的动态路由处理程序？

Question

这是我们应用的布局：

- pages
  - book-room
    - index.tsx
    - resort.tsx

这意味着对/book-room/resort的请求将由index.tsx 和 resort.tsx依次处理。所以...

如果index.tsx在缺少查询参数的情况下进行重定向，则在发生这种情况时，将在重定向发生时短暂地显示度假村页面。这是不可取的。

然后的问题是，如何告诉resort.tsx（index.tsx已经处理了一个请求）？ resort.tsx处理请求后，有没有不触发index.tsx的方法？

这是我们页面的外观：

import { NextComponentType, NextPageContext } from 'next';
import React, { useCallback } from 'react';
import { ParsedUrlQuery, Router, useRouter } from '../../../src/next/routes';

const SamplePage: NextComponentType<
  NextPageContext,
  PageProps
> = () => {
  const { query, ready } = useRouter();
  const { property } = query;

  // this redirects if property is not valid
  const propertyValid = useCheckPropertyParam(property, ready);

  return (
    <PageController
      routeReady={ready}
      routeParams={query}
    />
  );
};