实现 React 导航功能

Intermediate

在本项目中,你将学习如何在 React 应用程序中实现导航功能。你将创建一个带有导航栏的简单应用程序,并可以通过链接导航到不同的页面。

ReactJavaScript

💡 本教程由 AI 辅助翻译自英文原版。如需查看原文,您可以 切换至英文原版

简介

在这个项目中,你将学习如何在 React 应用程序中实现导航功能。你将创建一个带有导航栏和页面的简单应用程序,这些页面可以通过链接进行导航。

👀 预览

项目预览

🎯 任务

在这个项目中,你将学习:

  • 如何设置项目并安装依赖项
  • 如何添加路由和路由匹配器,以实现导航栏中菜单的导航
  • 如何从卡片列表添加到单个卡片的导航

🏆 成果

完成这个项目后,你将能够:

  • 使用 React Router 处理客户端路由
  • 在 React 应用程序中创建链接并在不同页面之间导航
  • 使用 React Router 中的 state 对象在组件之间传递数据

教师

labby

Labby

Labby is the LabEx teacher.