博客
关于我
react中model成功把值传到页面改变样式
阅读量:398 次
发布时间:2019-03-05

本文共 318 字,大约阅读时间需要 1 分钟。

遇到一个问题:

    页面上有一个按钮,需要通过状态去改变显示的值和颜色,操作后提示成功,我目前做的是操作完后提示:操作成功。然后跳到前面的table页面。突然一个想法,我想操作提示后停止在当前页面。当前页也可以理解成编辑页。

    

操作前效果:

 

操作后:

    

目前我是在 model 里面操作的。

 

 

我想实现我的想法, 操作如下:

 

                

    这里 result.success == ‘1’ 是操作成功,返回的值的提示。那么,在后面我们写一个方法,把接口成功返回的状态像保存 list 一样,保存到一个方法里,再传到data里面。然后再传到页面中。用生命周期   componentWillReceiveProps 在页面最开始进行状态判断,改变值和颜色。

 

 

 

 

 

 

Over

 

你可能感兴趣的文章
Mysql学习总结(17)——MySQL数据库表设计优化
查看>>
Mysql学习总结(18)——Mysql主从架构的复制原理及配置详解
查看>>
Mysql学习总结(19)——Mysql无法创建外键的原因
查看>>
Mysql学习总结(20)——MySQL数据库优化的最佳实践
查看>>
Mysql学习总结(21)——MySQL数据库常见面试题
查看>>
Mysql学习总结(22)——Mysql数据库中制作千万级测试表
查看>>
Mysql学习总结(23)——MySQL统计函数和分组查询
查看>>
Mysql学习总结(24)——MySQL多表查询合并结果和内连接查询
查看>>
Mysql学习总结(25)——MySQL外连接查询
查看>>
Mysql学习总结(26)——MySQL子查询
查看>>
Mysql学习总结(27)——Mysql数据库字符串函数
查看>>
Mysql学习总结(28)——MySQL建表规范与常见问题
查看>>
Mysql学习总结(29)——MySQL中CHAR和VARCHAR
查看>>
Mysql学习总结(2)——Mysql超详细Window安装教程
查看>>
Mysql学习总结(30)——MySQL 索引详解大全
查看>>
Mysql学习总结(31)——MySql使用建议,尽量避免这些问题
查看>>
Mysql学习总结(33)——阿里云centos配置MySQL主从复制
查看>>
Mysql学习总结(35)——Mysql两千万数据优化及迁移
查看>>
Mysql学习总结(36)——Mysql查询优化
查看>>
Mysql学习总结(37)——Mysql Limit 分页查询优化
查看>>