首先,通過npm 命令引入 react-router模塊嫁蛇。
引入的命令是:
npm install --save react-router react-router-dom锨并;
這樣你就可以在項(xiàng)目中引入react-router路由了。引入方法是這樣的睬棚。
第二步第煮,簡單的寫法就是
直接在用react腳手架創(chuàng)建的app.js 文件中引入,路由文件抑党,
寫法是:import Home from “./components/home”;
第三步包警,將剛才裝的路由模塊引入到項(xiàng)目中。
import {BrowserRouter as Router, Route} from 'react-router-dom';
第四步底靠,將引入的組件害晦,進(jìn)行使用代碼結(jié)構(gòu)如圖所示。
此即為引入路由的方法壹瘟。
在vue的使用過程中,我們可以將路由單獨(dú)放在一個(gè)js文件中鳄逾,
因此稻轨,在react中,我們也可以將路由都存在一個(gè)單獨(dú)的js頁中雕凹。