React构建后台管理系统

本人工作中较多使用的js框架是vue,心血来潮想试试react,看看两者的差异性。


一,项目初始化

这里本人使用的是react提供的脚手架工具生成的demo上来修改
安装:npm install -g create-react-app, 如果习惯用yarn的话更加推荐
ui框架上推荐使用蚂蚁金服的推出的Ant Design,有一个pc版的也有个手机版的


二,修改为所需要的项目结构


三,如何配置路由react

在vue中配置子路由,只需要在父路由组件上加<router-view/>标签即可
对于react,在主入口文件中引入

import { HashRouter, HashRouter as Router, Route, Switch } from 'react-router-dom';
具体配置如下:


对应界面如下:

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 PS:转载请注明出处作者:TigerChain地址:http...
    TigerChain阅读 23,059评论 3 49
  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 4,879评论 0 1
  • 导语: 其实demo早在四五月份就已经写好了,只是那段时间后台项目太忙,加上自己拖延症晚期,到最近才写这篇文章。文...
    wuqke阅读 9,414评论 0 6
  • 在这个教程里,我们会从一个例子React应用开始学习react-router-dom。其中你会学习如何使用Link...
    uncle_charlie阅读 34,781评论 1 40
  • 还有不到两个小时就是圣诞节了,从Christmas Eve到Christmas Day再到Boxing day,不...
    schweiger2002阅读 2,778评论 0 0