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

以下是我们应用程序的布局：

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

这意味着对

/book room/resort

的请求将由

index.tsx

和

resort.tsx

按该顺序处理。所以

如果

index.tsx

在缺少查询参数时重定向，那么在这种情况下，重定向发生时将短暂呈现resort页面。那是不可取的

接下来的问题是，我如何告诉

resort.tsx

请求已被处理（通过

index.tsx

）？当请求已由

index.tsx

处理时，是否有办法不解雇

resort.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}
    />
  );
};

从“next”导入{NextComponentType，NextPageContext}；
从“React”导入React，{useCallback}；
从“../../../src/next/routes”导入{ParsedUrlQuery，Router，useRouter}；
常量示例页：NextComponentType<
下一个时代背景，
页面道具
> = () => {
const{query，ready}=useRouter（）；
const{property}=query；
//如果属性无效，则此重定向
const propertyValid=useCheckPropertyParam（属性，就绪）；
返回(
);
};

IMO，您必须在web服务器中使用自定义处理程序来解决您的问题。例如，使用expressjs可以请求

/book room/resort

，并且只渲染index.tsx而不向resort.tsx.IMO提供任何附加信息，您必须在web服务器中使用自定义处理程序来解决您的问题。例如，使用expressjs可以请求

/book room/resort

，只渲染index.tsx，而不向resort.tsx提供任何附加信息。