cnpm install react-router-dom -s
import react, from 'react';
//路由的2種形式: hash(hashrouter) , h5的historyapi(broswerrouter)是路由的容器,是元件,要包在路由的外面
import from 'react-router-dom';
import home from './containers/home.js';
import staff from './containers/staff.js';
import user from './containers/user.js';
import epidemic from './containers/epidemic.js';
import caller from './containers/caller.js';
// function home()
// function profile()
// function user()
render()
);}}
專案基本的書寫,其他的staff.js和user.js等都基本一樣。
}新手學習react,找了很多部落格,終於成功了,記錄一下下。日後再補充。
react路由的簡單使用
在相關元件中匯入路由 import from react router dom 2 route 表示乙個路由規則,在route上有2個比較重要的屬性 path component route等同於vue中的每乙個路由規則 import react,from react import from rea...
React中路由的基本使用
1 react路由介紹 現在我們來搞一搞react中的路由吧,別問我為什麼這木喜歡用搞這個字,因為它比較深奧。注意下面我們使用的是react router dom react中的路由基本使用還是滿簡單的,零碎的小東西有點多,所以我直接把他們揉到一起做了乙個小例子,我都寫上注釋了,應該挺簡單易懂的 注...
React路由介紹和使用
有三類包 web native anywhere,推薦使用前兩個 示例 import react from react import home from component home.jsx import movie from component movie.jsx import about fro...