react native组件通信以及
2017-01-12 15:11
183 查看
react native 组件之间通信
父组件向子组件传递消息,数据通过对子组件的属性赋值来实现,如style属性等子组件向父组件传递消息,消息通过回调父组件传递给自己的回调函数来实现。回调函数由父组件设置,被保存在子组件的某个属性中,等待需要向父组件传递消息的时机到来。如onchangeText属性
无直接关系的组件间消息传递:通过无直接关系的公共父组件间接传递消息。对于这种间接传递消息,消息发送者不需要指定消息接受者,由公共父组件按照业务逻辑判断消息接受者是谁。
属性确认:
属性确认仅在开发环境下有效。属性确认的语法有。
1.要求属性是指定的javascript基本类型。
属性名称:
React.PropTypes.array;
React.PropTypes.bool;
React.PropTypes.func;
React.PropTypes.number;
React.PropTypes.object;
React.PropTypes.string;
2.要求属性是可渲染节点
指数字,字符串,数字数组,字符串数组.
React.PropTypes.node
3.要求属性是某个React元素
React.PropTypes.element
4.要求属性是某个指定类的实例
React.PropTypes.instanceOf(NameOfClass)
5.要求属性取值为几个特定的值
React.PropTypes.oneOf(['值1','值2'])
6.属性可以为指定类型中的任意一个
React.PropTypes.oneOfType([
React.PropTypes.node,
React.PropTypes.string
])
7.属性可以为指定类型的数组
React.PropTypes.arrayOf(React.PropTypes.number)
8.要求属性是一个有指定成员变量的对象
React.PropTypes.objectOf(React.PropTypes.number)
9.要求属性是一个指定构成方式的对象
React.PropTypes.shape({
color : React.PropTypes.string,
fontSize: React.PropTypes.number
})
10.属性可以为任意类型
React.PropTypes.any
相关文章推荐
- React-Native学习十九:组件之间的通信-1
- react-native 的生命周期,以及通信关系,转载
- 《React-Native系列》30、 RN组件间通信
- react native利用webvView嵌入h5页面以及RN与webView的通信
- React-Native :组件之间的通信-1
- React-Native学习十九:组件之间的通信-1
- Reactnative——父组件和子组件的通信方式
- react native组件通信方式
- 【React Native开发】React Native控件之ListView组件讲解以及最齐全实例(19)
- 《React-Native系列》RN组件之Text和TextInput以及注意要点
- 【React Native开发】React Native控件之ListView组件解说以及最齐全实例(19)
- ReactNative WebView组件通信
- React-Native的TextInput组件的设置以及获取输入框的内容
- react-native组件之间的传值(通信)
- react-native 与 native组件之间的通信
- [ReactNative] 03--ReactNative的生命周期 & render的Diff算法 & 组件之间的通信
- react 实现组件嵌套以及子组件与父组件之间的通信
- 【React Native开发】React Native控件之WebView组件详解以及实例使用(22)
- ReactNative组件间的通信
- 【React Native开发】React Native控件之Switch开关与Picker选择器组件讲解以及使用(16)