本人工作中较多使用的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';
具体配置如下:
对应界面如下: