React路由---react-router-dom、獲取路由參數、ant design ui組件、fetch發送請求(默認不能跨域)、Switch


1、下載

  yarn add react-router-dom --save

2、導入

import React from "react"; import { BrowserRouter as Router, Route, Link } from "react-router-dom"; 

3、使用

  

  

  所以的路由模塊都必須包在Router標簽內部,同時推薦把Router標簽寫在最外層;

  Router標簽在一個網站中,只使用一次就行(推薦只使用一次Router標簽,即使有多個路由的情況)

  

  匹配路由參數

  

  

  

  

  

 

4、ui框架---提供了很多好用的組件---讓我們可以快速的開發

  ANT DESIGN----每個框架對應的組件用法可看官網

  

  

  

  組件在react中的使用:測試

    

    

   react中獲取數據---默認不能跨域,但是你也可以配置(不過還是不是很好)----可以裝一個插件 發送jsonp請求

  

  

  

   路由切換------路由切換的2種方式: 1、標簽式  2、編程式(js實現);

  

  路由中Switch的使用場景

  


免責聲明!

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



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