React路由的使用

2021-10-04 05:16:48 字數 914 閱讀 2840

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...