RN 一些知识点(坑)
2018-02-28 本文已影响12人
Cz1024
1.bind(this)的使用
如果项目报错为 this.xxx is not a function 和 Cannot read property 'xxx' of undefined 这两种错误的话 且使用的是es6 语法的话,请排查你调用的方法是否bind(this), 如果这个方法中没有使用this 来使用属性 和 方法 可以忽略!
如果不是方法调用 ,在 {} 中,可以 var that = this 用that 代替 this
2. _开头的方法,默认为私有方法 例如_fetchData()
3. 设置子控件alignSelf 样式,可以覆盖父控件的alignItems样式
4. ...this.props的使用
是props提供的语法糖,可以将父组件的全部属性复制给子组件,也就是说我们不需要为子组件设置属性,利用这个将会把父组件的属性赋予给子组件
//父控件
render() {
return (
<View style={styles.container}>
<Child
name = 'xiao ming'
phone = '18258188614'
onPress = {()=>{
alert('123')
}}
/>
</View>
);
}
//子控件
render(){
return (
<View style={styles.container}>
<Text {...this.props}>姓名:{this.props.name} 手机号:{this.props.phone}</Text>
</View>
)
}
点击子控件