reactjs - 如何让 React Router v6 响应 404 状态码

Question

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

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

但是我们如何使用 React Router v6 来实现呢？

Answer 1

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

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