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

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

遇到一个问题:

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

    

操作前效果:

 

操作后:

    

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

 

 

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

 

                

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

 

 

 

 

 

 

Over

 

你可能感兴趣的文章
MySQL8,体验不一样的安装方式!
查看>>
MySQL: Host '127.0.0.1' is not allowed to connect to this MySQL server
查看>>
Mysql: 对换(替换)两条记录的同一个字段值
查看>>
mysql:Can‘t connect to local MySQL server through socket ‘/var/run/mysqld/mysqld.sock‘解决方法
查看>>
MYSQL:基础——3N范式的表结构设计
查看>>
MYSQL:基础——触发器
查看>>
Mysql:连接报错“closing inbound before receiving peer‘s close_notify”
查看>>
mysqlbinlog报错unknown variable ‘default-character-set=utf8mb4‘
查看>>
mysqldump 参数--lock-tables浅析
查看>>
mysqldump 导出中文乱码
查看>>
mysqldump 导出数据库中每张表的前n条
查看>>
mysqldump: Got error: 1044: Access denied for user ‘xx’@’xx’ to database ‘xx’ when using LOCK TABLES
查看>>
Mysqldump参数大全(参数来源于mysql5.5.19源码)
查看>>
mysqldump备份时忽略某些表
查看>>
mysqldump实现数据备份及灾难恢复
查看>>
mysqldump数据库备份无法进行操作只能查询 --single-transaction
查看>>
mysqldump的一些用法
查看>>
mysqli
查看>>
MySQLIntegrityConstraintViolationException异常处理
查看>>
mysqlreport分析工具详解
查看>>