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

Question

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

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

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

Answer 1

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

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