react-router-dom 知识点总结

最新推荐文章于 2024-08-08 10:51:56 发布

一路向阳~负责的男人

最新推荐文章于 2024-08-08 10:51:56 发布

阅读量258

点赞数

分类专栏： React 文章标签： react.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_43416349/article/details/125442926

版权

React 专栏收录该内容

6 篇文章 1 订阅

订阅专栏

这段代码展示了如何在React应用中使用`react-router-dom`库的`useNavigate` hook来实现在`/home/message/detail`路径下传递参数并替换当前路由。函数`replaceShow`接收`id`和`title`作为参数，并调用`navigate`函数进行跳转。同时，`Detail`组件利用`useParams`获取路由参数`id`和`title`。

摘要由CSDN通过智能技术生成

写⼀段代码，让其实现跳转到
组件，且为
跳转
//
import { useNavigate  } from 'react-router-dom';

 const navigate = useNavigate()

const replaceShow=(id,title)=>{
// param
navigate(`/home/message/detail/${id}/${title}`,{replace:true})
}

import{useLocation, useParams, useSearchParams}from"react-router-dom";

unctionDetail(props){

const params =useParams()
const id = params.id
const title = params.title
}

sdas1