美文网首页
2018-12-01 react 路由初探

2018-12-01 react 路由初探

作者: 春困秋乏夏打盹_e473 | 来源:发表于2019-03-18 17:12 被阅读0次

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

    相关文章

      网友评论

          本文标题:2018-12-01 react 路由初探

          本文链接:https://www.haomeiwen.com/subject/dmdbmqtx.html