如何让 React Router v6 响应 404 状态码答案

【问题标题】：How to let React Router v6 respond with 404 status code如何让 React Router v6 响应 404 状态码
【发布时间】：2021-12-08 06:46:42
【问题描述】：

在 React Router v5 中，我们可以通过这种方式提供 404 响应代码：

<Route path="*" component={NoMatch} status={404}/>

但是我们如何使用 React Router v6 做到这一点？

【问题讨论】：

react-router-dom v5 Route 组件没有 status 属性，v6 Route 组件也没有。你能澄清一下用例吗？这个status 道具以前是如何使用的？你能用一个例子更新你的问题吗？

【解决方案1】：

react-router-dom v5 Route 组件没有 status 属性，v6 Route 组件也没有。如果这只是将status 属性传递给路由组件，那么在 RRDv6 中，您可以将其作为属性直接传递给NoMatch 组件。

<Route
  path="*"
  element={<NoMatch status={404} />}
/>

【讨论】：