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

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

遇到一个问题:

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

    

操作前效果:

 

操作后:

    

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

 

 

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

 

                

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

 

 

 

 

 

 

Over

 

你可能感兴趣的文章
Mysql5.6主从复制-基于binlog
查看>>
MySQL5.6忘记root密码(win平台)
查看>>
MySQL5.6的Linux安装shell脚本之二进制安装(一)
查看>>
MySQL5.6的zip包安装教程
查看>>
mysql5.7 for windows_MySQL 5.7 for Windows 解压缩版配置安装
查看>>
Webpack 基本环境搭建
查看>>
mysql5.7 安装版 表不能输入汉字解决方案
查看>>
MySQL5.7.18主从复制搭建(一主一从)
查看>>
MySQL5.7.19-win64安装启动
查看>>
mysql5.7.19安装图解_mysql5.7.19 winx64解压缩版安装配置教程
查看>>
MySQL5.7.37windows解压版的安装使用
查看>>
mysql5.7免费下载地址
查看>>
mysql5.7命令总结
查看>>
mysql5.7安装
查看>>
mysql5.7性能调优my.ini
查看>>
MySQL5.7新增Performance Schema表
查看>>
Mysql5.7深入学习 1.MySQL 5.7 中的新增功能
查看>>
Webpack 之 basic chunk graph
查看>>
Mysql5.7版本单机版my.cnf配置文件
查看>>
mysql5.7的安装和Navicat的安装
查看>>