2018-12-01 react 路由初探

2019-03-18  本文已影响0人  春困秋乏夏打盹_e473

首先,通过npm 命令引入 react-router模块。

引入的命令是:

npm install --save react-router react-router-dom;

这样你就可以在项目中引入react-router路由了。引入方法是这样的。

第二步,简单的写法就是

直接在用react脚手架创建的app.js 文件中引入,路由文件,

写法是:import Home from “./components/home”;

第三步,将刚才装的路由模块引入到项目中。

import {BrowserRouter as Router, Route} from 'react-router-dom';

第四步,将引入的组件,进行使用代码结构如图所示。

引入路由并进行引用的详细步骤。

此即为引入路由的方法。

在vue的使用过程中,我们可以将路由单独放在一个js文件中,

因此,在react中,我们也可以将路由都存在一个单独的js页中。

上一篇 下一篇

猜你喜欢

热点阅读