极客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>

     

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值