dva控制元素动态消失隐藏
首先是component里面的jsx页面,这里用了AntDesigne的Alert
1 2 3 4 5 6 7 8 9 10 11 | {!this.props.selfInfo.hidden?( < span className={styles.updateSuccess}> < Alert message={this.props.selfInfo.msg} type= {this.props.selfInfo.alertType} //"success" "erroe" closable onClose={onClose} showIcon /> </ span >):null } |
然后是component里state添加一个secon:3设置3秒消失
if(this.props.selfInfo.hidden!=true) { let timer = setInterval(() => { this.setState((preState) =>({ seconds: preState.seconds - 1, }),() => { if(this.state.seconds == 0){ clearInterval(timer); } }); }, 1000) } if (this.state.seconds === 0) { this.props.selfInfo.hidden=true; if(this.props.selfInfo.msg=="获取用户登录信息失败"){ this.props.dispatch(routerRedux.push({ pathname: "/" })) } this.setState({seconds:3}); }
然后models里面state
hidden:true, alertType:"None", msg:"None",
再在models里面写个更改方法
updateStatus(state, action) { return { ...state, hidden:action.hidden, alertType:action.alertType, msg:action.msg, }; },
yield put({ type: 'updateStatus' ,hidden:false,alertType:"error",msg:response.data.msg});
调用就好了。
作 者:marvelousone
首发日期:2019-04-09 10:11
文章出处:https://www.cnblogs.com/marvelousone/p/10675207.html
关于博主:前端萌新
支持博主:留步扫个码,右侧领红包打赏~~
转载博客:如果您觉得本文有帮助,请带上署名和本文地址随意转载 | 仅供学习交流,严禁商业用途!
版权声明:自由转载-非商用-非衍生-保持署名(
创意共享3.0许可证
)
公众号:关注一下也是支持~不会打扰您
恰饭小广告区
阿里云优惠链接
阿里云国内短信套餐包活动
阿里云新人活动
ECS老用户福利
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
· 本地部署 DeepSeek:小白也能轻松搞定!
· 如何给本地部署的DeepSeek投喂数据,让他更懂你
· 从 Windows Forms 到微服务的经验教训
· 李飞飞的50美金比肩DeepSeek把CEO忽悠瘸了,倒霉的却是程序员
· 超详细,DeepSeek 接入PyCharm实现AI编程!(支持本地部署DeepSeek及官方Dee