react总结

1:<JDText style={[styles.tips,this.state.bgColor?{backgroundColor:'green'}:{backgroundColor:'yellow'}]}>{this.state.contentSecTip}</JDText>

动态改变样式,this.state.bgColor在前,样式在后

2:

<JDText style={tips}>{this.state.contentSecTip}</JDText>

tips为上面定义的变量样式

 3:react setstate 即时生效

setState延迟更新的原因在于—state是异步执行的,只有render发生变化的时候才触发this.setState()。

想要在不更新render的情况下立即执行(同步执行),需要在setState后加上一个function函数。 
当然,render更新了之后对state的值没有任何影响。 
现在只是说,在没有更新render的情况下,我们加上了function也能获取到state的值


(二)具体解决方案:

// 1.设置代码
this.setState({
   myState: 'doubi'
   }, function() {
     // stateFunction是需要立即用到
     this.stateFunction()
   })
// 2.在函数中直接调用
stateFunction() {
   console.log('doubi', this.state.myState)
}
posted @ 2017-09-29 18:17  小猪冒泡  阅读(128)  评论(0编辑  收藏  举报