05-路由中的Hook
创始人
2024-05-30 04:19:30
0

hook中使用 this.props中的路由

类组件中我们通过 this.props 获取到的关于路由的相关方法和数据,在函数组件中还是可以继续通过参数 props 来获取使用:

export default function Login(prosp) {return ()
}

同样的,在类组件中,如果我们需要非路由组件,需要使用 withRouter 进行包裹处理的,在函数组件中也一样的可以使用:

import { withRouter } from 'react-router-dom';function TheHeader(props) {return ()
}export default withRouter(TheHeader)

第三方 路由Hook

但是,react-router-dom 路由插件也给我们专门提供了第三方的 hook 来实现路由的跳转,以及参数的获取等操作:

import { useHistory, useLocation, useParams,Link } from 'react-router-dom';
export default function TheHeader() {const history = useHistory();const location = useLocation();const params = useParams();return ()
}

说明:

  • useHistory():获取 history 对象, history 对象提供了路由的跳转方法;

    • 例如 push方法、go方法、replace方法
  • useLocation():获取 location 对象,location 对象提供了路由的一些描述相关信息;

    • 提供路由的一些描述信息,例如 路径pathName等
  • useParams():获取动态路由的参数对象;

    • 提供路由传递的一些参数

    • 注意只有动态路由传递的参数可以获取到,其他query等方式传递的参数 获取不到

  • Link:Link标签跳转

相关内容

热门资讯

为什么一听到声音就特别烦躁,有... 为什么一听到声音就特别烦躁,有时候还会控制不住想哭?是不是你最近压力太大了?去看看心理医生吧。要不然...
有没有知道名家描写四季的文章? 有没有知道名家描写四季的文章?只要是家描写四季的文章都行,大家帮找找吧~最好是夏天和冬天的~大家帮帮...
学习计划书的格式 学习计划书的格式急急急急急啊学习计划书格式分三块:1.学习计划书名称仔细回顾一下自己的学习情况,找出...
四年级下册暑假生活指导参考答案... 四年级下册暑假生活指导参考答案山东教育出版社(英语)是2011年的 是帮助tony闯关的。急急...
《翼年代记之东京默示录》主要讲... 《翼年代记之东京默示录》主要讲什么的讲的就是故事讲小樱及小狼来自玖楼国(在日文中,《魔卡少女樱》的大...
纪晓岚简介 纪晓岚简介 纪昀(jǐ yún),字晓岚,一字春帆,晚号石云,道号观弈道人。生于清雍正二年(17...
昨天买的奶茶今天有了一点沉淀物... 昨天买的奶茶今天有了一点沉淀物,还有一点酸味,还吃得了吗?如果你买的不是酸奶最好是不要吃了!这么热的...
冲熬是什么意思 冲熬是什么意思冲熬是什么意思封建迷信的意思
实木家具油漆工艺流程 实木家具油漆工艺流程实木家具刷油漆的方法步骤:第一步,卸把手等装饰品,为了防止把手等饰品沾上油漆,刷...
我想买一台收音机给我奶奶,请问... 我想买一台收音机给我奶奶,请问大家什么电台最适合老人听?最好是没有医学专家讲座的电台。谢谢各位了! ...
寻找儿时的味道!! 寻找儿时的味道!!小时候吃过一种火锅蘸料,别人送的,说是四川的,很麻!吃完嘴巴没感觉那种,不是辣!有...
巢毁卵破的意思是什么,出处是哪... 巢毁卵破的意思是什么,出处是哪里?cháo huǐ luǎn pò成语释义 鸟巢毁了,卵也一定会打...
美好的反义词是什么 标准答案 美好的反义词是什么 标准答案美好【近义词】优美 美妙 美丽 俊美【反义词】丑恶 丑陋丑恶糟糕...
西西里岛有哪些经典值得推荐? 西西里岛有哪些经典值得推荐?我觉得陶尔米纳小城商业气息异常浓重, 基本就是一个为了旅游而生的小城, ...
股评,下跌能量不足,观望.是什... 股评,下跌能量不足,观望.是什么意思就是说某个股票,价格已经下降,但并没有放量下跌,请观望。意思是说...
请你留下请你别走请你留下我的朋... 请你留下请你别走请你留下我的朋友就算要走也请稍停留天空下雨天留我也留 ,这首歌名是什么?就是,请你留...
考研小作文写跑题了 但格式字数... 考研小作文写跑题了 但格式字数都对 能多少分应该是只能得8分
大学生的新一年工作计划书怎么写 大学生的新一年工作计划书怎么写 
星空卫视的动画片 星空卫视的动画片星空卫视2004年到2007年(具体哪一年我也忘记了)播的一部动画片 里面的鬼跟主人...
猴子吃香蕉 猴子吃香蕉有只猴子在树林里采了100根香蕉堆成一堆,猴子家离香蕉堆50米,猴子打算把香蕉背回家,每次...