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

绑定model

1. 界面加载所使用的model

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

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

   dynamicWrapper方法使用app.model(require(../models/${model}).default);加载对应的model

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

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

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

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

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

3. 界面中使用model的变量

   引用变量

   const { login, submitting } = this.props;

   使用变量

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