Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Apakah komponen biasa penghalaan tindak balas?

Apakah komponen biasa penghalaan tindak balas?

青灯夜游
青灯夜游asal
2022-03-21 18:17:112523semak imbas

Komponen biasa penghalaan tindak balas ialah: 1. BrowserRouter, tetapkan mod penghalaan kepada sejarah; ; 7. denganPenghala dan sebagainya.

Apakah komponen biasa penghalaan tindak balas?

Persekitaran pengendalian tutorial ini: sistem Windows 7, bertindak balas versi 17.0.1, komputer Dell G3.

Penghalaan tindak balas memberikan penjelasan terperinci tentang komponen yang biasa digunakan

Komponen dan fungsinya:


组件 作用
路由模式 BrowserRouter 约定模式 为 history,使用 HTML5 提供的 history API 来保持 UI 和 URL 的同步
路由模式 HashRouter 约定模式 为 hash,使用 URL 的 hash 来保持 UI 和URL 的同步
声明式跳转 NavLink 声明式跳转 还可以约定 路由激活状态
声明式跳转 Link 声明式跳转 无激活状态
重定向 Redirect 重定向 ~~ replace
匹配并展示 Route 匹配组件,并展示组件。即匹配成功后,组件立即被替换成匹配的组件
排他性匹配 Switch 排他性匹配。如果不想使用包容性,那么使用Switch。
高阶组件 withRouter 把不是通过路由切换过来的组件中,将 history、location、match 三个对象传入props对象上(高阶组件)

Struktur

  • BrowserRouter|HashRouter

    Apl (atau komponen lain)

    • NavLink|Pautan
    • Laluan
    • Ubah hala
      • SubKomponen
        • NavLink|Pautan
        • Laluan

Penghala Penyemak Imbas

属性 类型 作用
basename string 所有位置的基本URL。如果您的应用是从服务器上的子目录提供的,则需要将其设置为子目录。格式正确的基本名称应以斜杠开头,但不能以斜杠结尾
getUserConfirmation Function 用于确认导航的功能。默认使用window.confirm

Laluan

属性 类型 作用
path string |object 路由匹配路径。没有path属性的Route 总是会 匹配
exact boolean 为true时,要求全路径匹配(/home)。路由默认为“包含”的(/和/home都匹配),这意味着多个 Route 可以同时进行匹配和渲染
component Function |component 在地址匹配的时候React的组件才会被渲染,route props也会随着一起被渲染
render Function 内联渲染和包装组件,要求要返回目标组件的调用

Pautan

属性 类型 作用
to string | 对象{pathname:,search:,hash:} 要跳转的路径或地址
replace boolean 是否替换历史记录

NavLink

属性 类型 作用
to string|对象{pathname:,search:,hash:} 要跳转的路径或地址
replace boolean 是否替换历史记录
activeClassName string 当元素被选中时,设置选中样式,默认值为 active
activeStyle object 当元素被选中时,设置选中样式

Tukar

Komponen Digunakan untuk memaparkan Laluan atau Ubah hala pertama bagi alamat yang sepadan, hanya memberikan satu laluan, laluan eksklusif, padanan penuh lalai (senario: bar sisi, tab panduan, dll.)

属性 类型 作用
location string object
children node

Ubah hala

Komponen ini digunakan untuk menjadikan Laluan atau Ubah hala pertama sepadan dengan alamat, hanya memberikan satu laluan, laluan eksklusif, padanan penuh lalai (senario: bar sisi dan serbuk roti, tab panduan, dll.

属性 类型 作用
from string 来自
to string object 去向
push boolean 添加历史记录
exact boolean 严格匹配
sensitive boolean 区分大小写

[Cadangan berkaitan: Tutorial video Redis]

Atas ialah kandungan terperinci Apakah komponen biasa penghalaan tindak balas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn