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连接。
举个例子
12345678910111213141516171819202122232425 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