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>
  )
 }

点击子控件


5. 常用的经典控件

https://www.jianshu.com/p/2b94814e5dc7

上一篇下一篇

猜你喜欢

热点阅读