美文网首页
RN 一些知识点(坑)

RN 一些知识点(坑)

作者: Cz1024 | 来源:发表于2018-02-28 15:51 被阅读12次

    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

    相关文章

      网友评论

          本文标题:RN 一些知识点(坑)

          本文链接:https://www.haomeiwen.com/subject/wszbxftx.html