绑定model
-
界面加载所使用的model
'/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>