dva与我们的create-react-app创建的两款脚手架是我们写react项目的两款优秀框架,之前一种使用create-react-app这款脚手架进行开发。然后这个框架美中不足的是redux方面着实令人书写麻烦 然而dva框架就对其进行了封装改良 使其看起来vuex相似度十分高 下面给大家介绍下用这两个框架结合起来开发的步骤吧

  首先利用create-react-app生成一个脚手架 然后下载一个dva和history包

接着把脚手架生成的src全部删掉 用我们自己的项目目录进行开发

  首先 建立一个index.js文件夹 作为我们项目的主入口

 1 import dva from "dva";
 2 import App from "./App"
 3 
 4 //注意这种引入方式已经报销  在控制台会报警告
 5 // import createHistory from 'history/createBrowserHistory';
 6 
 7 //这种为history路由展示方式
 8 //const createHistory=require("history").createBrowserHistory
 9 
10 //这种为hash路由展示方式
11 const createHistory=require("history").createHashHistory
12 
13 //下面是两种注入方式
14 const app = dva({
15   history: createHistory(),
16 });
17 
18 //const app=dva(createHistory);
19 
20 app.router(App)
21 
22 app.start('#root');
View Code

相关文章: