- 创建一个名为
knife link的链接组件，放在app components下，文件名为nouv link.tsx。 - 该组件具有属性：
children（React节点类型）和href（类型为string）。 - 使用
usePathNameHook（来自Next.js导航）获取当前路由路径名。 - 设置组件的视图，其中包含一个链接元素，并根据比较
href属性和路径名来添加active类。 - 在全局CSS (
global.css) 中添加.active样式，将字体权重设置为粗体，并将颜色设置为黑色。 - 在组件中添加
name元素，并封装一段文字，使用knife link组件，并设置href属性。 - 在浏览器中测试，发现当链接处于激活状态时，该链接文字会变粗并且颜色变为黑色，指示当前页面。