React Router实战教程（第二部分）
如何在 React Router 中处理 404 请求？
最终输出。
如何在 React Router 中处理 404 请求和活动样式。
如果您想从第一部分开始，请参考Play With the React 🐘Router。
如何在 React Router 中，当 URL/路径匹配时应用激活样式？
- NavLink 组件可用于设置导航项的样式。
- 我们需要使用 NavLink 组件而不是 Link 组件。
有两个物业可供设置样式。
- 活动类名
- activeStyle。
activeClassName：我们需要传递类名。activeStyle
：我们需要以对象的形式传递样式。
现在让我们通过实践来了解activeStyle属性。
如何在 React Router 中处理 404 请求？
我们需要用 Switch 组件包裹所有路由。
Switch：它帮助我们仅在特定路径/URL匹配时才渲染组件。
上面的代码中只有两条路由，因此 switch 语句只会在 URL 匹配时渲染相应的组件。如果任何一条 URL 不匹配，switch 语句就会渲染“未找到”组件。
最终输出。
祝您编程愉快！
文章来源：https://dev.to/sait/play-with-react-router-part-2-4i8m