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

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

遇到一个问题:

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

    

操作前效果:

 

操作后:

    

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

 

 

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

 

                

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

 

 

 

 

 

 

Over

 

你可能感兴趣的文章
MYSQL遇到Deadlock found when trying to get lock,解决方案
查看>>
mysql部署错误
查看>>
MySQL配置信息解读(my.cnf)
查看>>
Mysql配置文件my.ini详解
查看>>
MySQL配置文件深度解析:10个关键参数及优化技巧---强烈要求的福利来咯。
查看>>
Mysql配置表名忽略大小写(SpringBoot连接表时提示不存在,实际是存在的)
查看>>
mysql配置读写分离并在若依框架使用读写分离
查看>>
MySQL里的那些日志们
查看>>
MySQL锁
查看>>
MySQL锁与脏读、不可重复读、幻读详解
查看>>
MySQL锁机制
查看>>
mysql锁机制,主从复制
查看>>
Mysql锁机制,行锁表锁
查看>>
Mysql锁(2):表级锁
查看>>
Mysql错误2003 -Can't connect toMySQL server on 'localhost'(10061)解决办法
查看>>
MySQL错误提示mysql Statement violates GTID consistency
查看>>
MySQL集群解决方案(4):负载均衡
查看>>
MySQL面试宝典
查看>>
mysql面试题学校三表查询_mysql三表查询分组后取每组最大值,mysql面试题。
查看>>
Mysql面试题精选
查看>>