首先,通过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页中。
网友评论