javascript - 如果我没有向 URL 提供参数值，如何呈现 Page Not Found.js？

Question

当我单击邮件中收到的链接(具有包含身份验证 token 的 key )时，它会将我重定向到“更新密码”页面。但如果用户只是输入网址。

[http://localhost:3000/update-password?key=ZXlKaGJHY2lPaUpJVXpJMU5pSXNJblI1Y0NJNklrcFh]应重定向到更改密码页面和 [http://localhost:3000/update-password]应该重定向到 PageNotFound 页面。希望您能理解。

Answer 1

您应该遵循三个步骤:

1. 从 react-router 获取当前搜索:

   const {
      location: { search }
   } = propsFromReactRouter
   

2. 检查搜索是否包含 key 。您可以使用https://www.npmjs.com/package/query-string来做到这一点手动开启。

   import { parse } from 'query-string';
   const searchData = parse(search);
   
   const { key } = searchData;
   

3. 如果搜索不包含关键字，则重定向到未找到的页面

   import {Redirect} from 'react-router-dom'
   // ...
   return (
       <Redirect to="/404" />
   )