react router路徑的匹配原則


路由匹配規則是從上到下執行,一旦發現匹配,就不再其余的規則了。

(1):paramName

:paramName匹配URL的一個部分,直到遇到下一個/、?、#為止。這個路徑參數可以通過this.props.params.paramName取出。 <Route path="/hello/:name"> // 匹配 /hello/michael // 匹配 /hello/ryan

(2)()

()表示URL的這個部分是可選的。 <Route path="/hello(/:name)"> // 匹配 /hello // 匹配 /hello/michael // 匹配 /hello/ryan

(3)*

*匹配任意字符,直到模式里面的下一個字符為止。匹配方式是非貪婪模式。 <Route path="/files/*.*"> // 匹配 /files/hello.jpg // 匹配 /files/hello.html (4) **

** 匹配任意字符,直到下一個/、?、#為止。匹配方式是貪婪模式。 <Route path="/**/*.jpg"> // 匹配 /files/hello.jpg // 匹配 /files/path/to/file.jpg


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM