美文网首页
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