例如默认的代码如下:

 model文件夹中的文件内容介绍
export default { namespace: 'example',
//表示对于整个应用不同的命名空间,以便通过this.props.example访问,和当前model文件名相同就好之前的reducer名字相同,是全局state的属性,只能为字符串,不支持.的方式建立多重
state: {initText:"hello"}, //表示当前的example中的state状态,这里可以给初始值 subscriptions: {
setup({ dispatch, history }) { // 订阅,可以监听服务器连接,键盘输入,路由,状态等的变化 }, }, effects: {
*fetch({ payload }, { call, put }) { //payload是从组件router传递过来的参数,
//这里的call方法可以使用payload参数传递给后台程序进行处理这里可以调用service层的方法进行调用后端程序,
//这里的put表示存储在当前命名空间example中,通过save方法存在当前state中 yield put({ type: 'save' }); },
}, //用来保存更新state值 上面的put方法调用这里的方法 reducers: { save(state, action) { return {
...state, ...action.payload }; }, }, };
上面的model是
需要注册到src/index.js中的app.router(require('./router').default);否则后面和route组件无法用connect传递数据
,如果定义了多个model,那么需要使用多个app.model()来传递model数据;
import dva from 'dva'; import './index.css'; // 1. Initialize const app =
dva(); // 2. Plugins // app.use({}); // 3. Model
app.model(require('./models/example').default); // 4. Router
app.router(require('./router').default); // 5. Start app.start('#root');
 

 

友情链接
KaDraw流程图
API参考文档
OK工具箱
云服务器优惠
阿里云优惠券
腾讯云优惠券
华为云优惠券
站点信息
问题反馈
邮箱:ixiaoyang8@qq.com
QQ群:637538335
关注微信