Apakah komponen biasa penghalaan tindak balas?

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

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!