logo

该视频仅会员有权观看

立即开通课程「React.js 前端应用开发实践」权限。

¥
199
/ 年
订阅后全站课程均可学习
React.js 前端应用开发实践

React.js 前端应用开发实践

在 React 应用里定义带参数的动态路由

ReReact.js 前端应用开发实践
  • 在定义路由时，可以为路由地址添加参数。
  • 在组件中，可使用 usePrimes hook 来获取路由地址参数值。
  • 创建名为 PostShow.tsx 的组件并存放在 src/post/show。
  • 在 PostRoot 里定义新路由，路径为 post/:postId，其中 :postId 是动态参数。
  • 访问如 post/1, post/3, post/6 等地址将匹配该路由并显示 PostShow 组件。
  • 通过 usePrimes hook 再结构出 postId 参数，并可在组件内进行动态处理，如设置页面标题或与值相关的其他操作。