react快速框架dva搭建项目架构

react快速框架dva搭建项目

首先查看电脑里有没有全局安装dva

npm install dva-cli -g
dva -v

const app=dva() //挂载

app.router(require(‘./router’).default);//导入路由

app.start(‘#root’); //启动项目

1.在外面创建一个views视图页面

路由模块导出这是路由数组文件统一管理

import dynamic from 'dva/dynamic';
export default [//党员学习{path: "/",component: dynamic({component: () => import('../views/index')})},//党员活动{path: "/login",component: dynamic({component: () => import('../views/login')})}
]

最后一步在我们挂载的路由页面里面循环路由做一个动态路由

router.js路由文件

import React from 'react';
import { Router, Switch, Route } from 'dva/router';
import routeData from './routes/IndexPage';//导入路由
function RouterConfig({ history }) {return (<><Router history={history}><Switch>{routeData && routeData.map((item, index) => {console.log(item);return (<Route path={item.path} key={index} exact component={item.component} />)})}</Switch></Router></>);
}export default RouterConfig; //此为挂载到app的路由文件

接下来就可以在对应的路由文件下写相应的页面也可以封装一些ajax请求等等

react快速框架dva搭建项目架构相关推荐

react前端框架dva(一)
react前端框架dva 最近正在看dva框架,发现这是一个很好应用于react的框架. 众所周知,react的学习成本是较高的,而antd推出的这款框架,大大的降低了react的学习成本.dva简化 ...
使用React和Tailwind CSS搭建项目框架
众所周知,Tailwind CSS框架越来越流行,所以我决定尝试学习并使用Tailwind CSS来搭建一个项目模板,一方面自己深入学习下,二来帮助新人更快地上手Tailwind CSS开发. 创建一 ...
学习react前端框架dva
dva 是由阿里架构师 sorrycc 带领 team 完成的一套前端框架,在作者的 github 里是这么描述它的:"dva 是 react 和 redux 的最佳实践". 一. ...
使用React和Tailwind CSS搭建项目模板
公众号关注 "太空编程" 设为 "星标",带你了解硬核的编程知识! 众所周知,Tailwind CSS框架越来越流行,所以我决定尝试学习并使用Tailwind ...
通用mapper_通用Mapper快速开发，搭建项目
搭建环境配置maven依赖的架包 tk.mybatismapper4.0.0-beta3junitjunit4.9log4jlog4j1.2.17cglibcglib2.2org.aspectjas ...
【从零开始搭建自己的.NET Core Api框架】（二）搭建项目的整体架构
系列目录一. 创建项目并集成swagger 1.1 创建 1.2 完善二. 搭建项目整体架构三. 集成轻量级ORM框架--SqlSugar 3.1 搭建环境 3.2 实战篇:利用SqlSuga ...
使用maven搭建ssm框架的javaweb项目
目前主流的javaweb项目,常会用到ssm(Spring+Spring MVC+Mybatis)框架来搭建项目的主体框架,本篇介绍搭建SSM框架的maven项目的实施流程.记之共享! 一.SSM框架 ...
普通安卓码农，如何拥有淘宝、拼多多这样航母级项目架构经验？
作为一名普通安卓码农,相信大家都有一个成为移动端架构师的梦. 毕竟,安卓行业越来越内卷,这都是一个老生常谈的话题了.如今会写xml和Activity的程序员一抓一大把,如果只是一名普通的安卓码农,那面 ...
用Express、MySQL搭建项目（接口以及静态文件获取、文件上传等）
一.简介本文将主要基于node.js使用express框架搭建一个后台环境,包括如何自定义项目目录.所用依赖以及中间件.路由以及模板引擎.接口数据获取以及文件上传等内容. 二.后台环境搭建 1.新建 ...

react快速框架dva搭建项目架构

react快速框架dva搭建项目

1.在外面创建一个views视图页面

router.js路由文件

react快速框架dva搭建项目架构相关推荐

最新文章

热门文章