极客react之Ant Design Pro系列快速入门（六）--绑定model

绑定model

1. 界面加载所使用的model

   [code]'/user/login': {
   component: dynamicWrapper(app, ['login'], () => import('../routes/User/LoginNew')),
   },

   ['login']中的login就是所要使用的model的namespace

   dynamicWrapper方法使用app.model(require(

   ../models/${model}

   ).default);加载对应的model

2. 连接并使用model层的数据

   [code] @connect(({ login, loading }) => ({
   login,
   submitting: loading.effects['login/login'],
   }))

   @connect 连接了名字为login的命名空间，和loading插件

   login:为引用的namespace为login中的state对象

   submitting 则是插件是否调用login控件中方法login

3. 界面中使用model的变量

   引用变量

   [code]const { login, submitting } = this.props;

   使用变量

   [code]<Button
   loading={submitting}
   type="primary"
   htmlType="submit"
   className={styles.loginformbutton}>登录
   </Button>