dva安装

• dva安装可以去 antd 官方文档上跟着快速操作。
• 值得注意的是，dva 封装了 react，所以初学者不必纠结于怎么去配置各种各样的环境了，因为 dva 给你配置好了，什么 react 相关的包或者 es6 语法相关的全部都配置好了。重要的事说三遍

  结合react + dva + redux + react-router + redux-sage + antd + antd动画

• 参考 http://www.jianshu.com/p/69f13e9123d9 以及 https://git.oschina.net/fangkyi03/react-demo（PS：不是我写的）

新手刚开始一些注意事项（以后不断更新）

一、

model用来存放数据，如果用到model，页面上记得connect连接。
举个例子

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

import React from 'react'; import { connect } from 'dva'; import ProductList from '../components/ProductList'; const Products = ({ dispatch, products }) => { function handleDelete(id) { console.log(id); dispatch({ type: 'products/delete', payload: id, }); } return ( <div> <h2>List of Products</h2> <ProductList onDelete={handleDelete} products={products} /> </div> ); }; // export default Products; export default connect(({ products }) => ({ products, }))(Products); ``` > 上面的*products*就是一个*model*文件，所以最后要*connect*连接 > 也可以换种写法

function mapStateToProps({ products }) {
return { products }
}
export default connect(mapStateToProps)(Products);
```
二、

dva初始化更改index.js下面的app.model(require(‘./models/app’));有时会报错，这可能是自带的bug