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

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

遇到一个问题:

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

    

操作前效果:

 

操作后:

    

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

 

 

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

 

                

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

 

 

 

 

 

 

Over

 

你可能感兴趣的文章
NLP:从头开始的文本矢量化方法
查看>>
NLP:使用 SciKit Learn 的文本矢量化方法
查看>>
NLTK - 停用词下载
查看>>
nmap 使用总结
查看>>
nmap 使用方法详细介绍
查看>>
nmap使用
查看>>
nmap使用实战(附nmap安装包)
查看>>
Nmap哪些想不到的姿势
查看>>
Nmap扫描教程之Nmap基础知识
查看>>
nmap指纹识别要点以及又快又准之方法
查看>>
Nmap渗透测试指南之指纹识别与探测、伺机而动
查看>>
Nmap端口扫描工具Windows安装和命令大全(非常详细)零基础入门到精通,收藏这篇就够了
查看>>
NMAP网络扫描工具的安装与使用
查看>>
NMF(非负矩阵分解)
查看>>
nmon_x86_64_centos7工具如何使用
查看>>
NN&DL4.1 Deep L-layer neural network简介
查看>>
NN&DL4.3 Getting your matrix dimensions right
查看>>
NN&DL4.7 Parameters vs Hyperparameters
查看>>
NN&DL4.8 What does this have to do with the brain?
查看>>
nnU-Net 终极指南
查看>>