关于React使用中遇到的坑
2016-03-03 00:41
288 查看
React出现有一段时间了,相信使用过它的,或者正在使用它的一定碰到了一点坑,笔者发表一点自己的理解:
1、当上层控件状态改变,而子控件的属性引用了这个状态值,那么,需要在在willRecivePropers(...)函数中接收该属性的值,不然你每次获取的只是属性最初的值
这也是React设计理念之一,属性是自身不能改变的,需要接受外部的变化才能改变,提供willRecivePropers(...)函数的主要目的就是要接受父组建状态值的改变从而进行
子组建状态的更新
2、使用setState改变控件的状态之后,如果立即调用this.state....得到的值往往不是想要的;这是因为:
React的state并不是js中传统的全局变量,
当然我们是不可以把它当作全局变量来用的;
它指的是组建的一种状态,这也是其设计理念之一,控件本身就是一个状态机,状态改变了会触发render函数,
我的理解是在render函数执行结束之后组件的状态才算真正的改变,setState是告诉组件要改变状态了从而触发render函数,
所以若想获得真实的state的值,需要在render函数执行完毕之后
1、当上层控件状态改变,而子控件的属性引用了这个状态值,那么,需要在在willRecivePropers(...)函数中接收该属性的值,不然你每次获取的只是属性最初的值
这也是React设计理念之一,属性是自身不能改变的,需要接受外部的变化才能改变,提供willRecivePropers(...)函数的主要目的就是要接受父组建状态值的改变从而进行
子组建状态的更新
2、使用setState改变控件的状态之后,如果立即调用this.state....得到的值往往不是想要的;这是因为:
React的state并不是js中传统的全局变量,
当然我们是不可以把它当作全局变量来用的;
它指的是组建的一种状态,这也是其设计理念之一,控件本身就是一个状态机,状态改变了会触发render函数,
我的理解是在render函数执行结束之后组件的状态才算真正的改变,setState是告诉组件要改变状态了从而触发render函数,
所以若想获得真实的state的值,需要在render函数执行完毕之后
相关文章推荐
- [react-native学习记录]创建/运行android项目
- React Native 的那些坑
- react
- React Native-16.React Native 常用API及实践 PixelRatio
- React Native 环境配置的搭建
- 学习iOS、React Native、算法开发的建议
- React 编程思想翻译及学习笔记
- 学习iOS、React Native、算法开发的建议
- windows下搭建React Native for Android 开发环境
- ReactiveCocoa介绍及使用
- react-native 自定义组件
- React Native相关
- SGU 194 Reactor Cooling(无源汇有上下界最大流)
- react native之知乎日报源码分析一
- [React] Styling a React button component with Radium
- react新手学习笔记
- Python Twisted、Reactor
- React-native 知识点-this.bind-返回键-React.cloneElement-控件显示隐藏-ScrollView
- React Native学习
- react-native-fileupload使用 bug -- 无法火车type 和 name