随机查询字符串通过 react-router-config 在调用组件上加载未找到结果页面答案

【问题标题】：Random query strings load no result found page on calling component through react-roter-config随机查询字符串通过 react-router-config 在调用组件上加载未找到结果页面
【发布时间】：2021-01-31 02:43:32
【问题描述】：

我正在尝试加载产品页面。我有一些查询参数，基于我想做一些业务逻辑，例如 /productsPage?pg=2。不幸的是，这种类型的 URL 与 App 和 NoFoundPage 匹配。预期的结果应该是 App 和 ProductsListPage。

routes.js

import { RouteConfig } from 'react-router-config';

import App from './App';
import HomePage from './HomePage';
import ProductsListPage from './ProductsListPage';

export default [
  {
    ...App,
    routes: [
      {
        component: HomePage,
        path: '/',
        exact: true
      },
      {
        component: UploaderPage,
        path: '/uploader'
      },
      {
        component: ProductsListPage,
        path: '/productsList'
      },
      {
        component: NotFoundPage
      }
    ]
  }
]

import Routes from './routes';
import { matchRoutes } from 'react-router-config';
console.log(matchRoutes(Routes, req.url));

matchRoutes 在使用 /productsList?pg=2 时记录应用和未找到页面。

注意：pg=2 不是固定的，我们可以根据需要添加任意数量的查询参数。喜欢 /productsList?pg=2&sort=desc

【问题讨论】：

标签： javascript reactjs react-router server-side-rendering

【解决方案1】：

改用 req.path。

console.log(matchRoutes(Routes, req.path));

【讨论】：