美文网首页
react-native 如何调用子子组件的方法或者属性

react-native 如何调用子子组件的方法或者属性

作者: 康闹闹2013 | 来源:发表于2019-06-17 17:43 被阅读0次

    我们在页面的render()方法中,使用了一个组件,可以是系统的如Text或者自定义的组件MyCustomText;

    有两种方法可以获取该组件的实例

    第一、render中使用的方法:

    <MyCustomText style = {} ref = {(myCustomText)=>this.myCustomText = myCustomText}>

    </MyCustomText>

    其他地方,如定义了一个submit函数

    submit(){

    //在该函数中想要使用MyCustomText的一个方法show,那么就可以这样调用啦

    this.myCustomText.show();

    }

    第二、render中使用的方法:

    <MyCustomText style = {} ref = 'myCustomText'>

    </MyCustomText>

    其他地方,如定义了一个submit函数

    submit(){

    //在该函数中想要使用MyCustomText的一个方法show,那么就可以这样调用啦

    this.refs.mycustomText.show();

    }

    相关文章

      网友评论

          本文标题:react-native 如何调用子子组件的方法或者属性

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