界面加载所使用的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>