23.实现详情页面功能跳转

1.我们在list文件中,我们引入模块react-router-dom,实现页面跳转
在这里插入图片描述2.使用Link进行跳转操作
在这里插入图片描述3.点击简书怎么回到首页

  1. 我们在header文件下的style中,将a换成div
    在这里插入图片描述
  2. 然后我们在header目录下的index文件中,我们使用Link实现跳转
    在这里插入图片描述3.引入Link
    在这里插入图片描述4.这时候会有一个报错
    在这里插入图片描述5.我们需要在APP.js文件中,把Header放在BrowserRouter下面
    在这里插入图片描述6.然后就实现了跳转功能

猜你喜欢

转载自blog.csdn.net/zhuhui2000/article/details/91442103
今日推荐