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

界面加载所使用的model，写在路由里加载组件放到props里

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

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

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

连接并使用model层的数据

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

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

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

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

界面中使用model的变量

引用变量

const { login, submitting } = this.props;

使用变量

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