react-router-dom中Switch和exact


路由地址:   內容:

  /       根

  /user     用戶

  /user/hh   用戶笑了

先說exact:(此時沒有Switch),給 / 設置exact精確匹配

  地址欄: /user/hh

  渲染2個組件 :
    用戶
    用戶笑了

再說Switch:(此時沒有exact)
  地址欄:/user 或者 /user/hh
  只渲染1個組件:
        根

當既有Switch又有exact時
    地址欄   ->   渲染
    /user    ->    用戶
    /user/hh     ->       用戶 (不會渲染:用戶笑了。
因為Switch匹配一個后就停止匹配,在 / 上加exact后只有當地址欄是 / 時才匹配到)

 


免責聲明!

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



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