[react-router] React-Router的<Link>标签和<a>标签有什么区别
生活随笔
收集整理的這篇文章主要介紹了
[react-router] React-Router的<Link>标签和<a>标签有什么区别
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
[react-router] React-Router的<Link>標(biāo)簽和<a>標(biāo)簽有什么區(qū)別
Link 組件最終會(huì)渲染為 HTML 標(biāo)簽 <a>,它的 to、query、hash 屬性會(huì)被組合在一起并渲染為 href 屬性。雖然 Link 被渲染為超鏈接,但在內(nèi)部實(shí)現(xiàn)上使用腳本攔截了瀏覽器的默認(rèn)行為,然后調(diào)用了history.pushState 方法。
Link 只負(fù)責(zé)觸發(fā) url 變更,Route 只負(fù)責(zé)根據(jù) url 渲染組件
相比于 <a> 標(biāo)簽,<Link> 避免了不必要的渲染
個(gè)人簡(jiǎn)介
我是歌謠,歡迎和大家一起交流前后端知識(shí)。放棄很容易,
但堅(jiān)持一定很酷。歡迎大家一起討論
主目錄
與歌謠一起通關(guān)前端面試題
總結(jié)
以上是生活随笔為你收集整理的[react-router] React-Router的<Link>标签和<a>标签有什么区别的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: OpenCV入门教程
- 下一篇: 前端学习(3343):ant desig