dva与create-react-app的结合使用

　　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

查看更多关于dva与create-react-app的结合使用的详细内容...