React-Native在父组件中绑定子组件的点击事件,父组件传值给子组件

父组件页面:

   //子组件名称为CommonBottomBtn

在父组件中,我们想要给CommonBottomBtn这个组件进行事件的绑定,如果单纯使用onPress是不生效的。

需要在子组件中给组件进行onPress的绑定,再在父组件中调用,如下所示

父组件页面改变

 {this.clickEvent()}} text={'传递text'}/>

子组件页面改变

{this.props.itemClick()}}>
   
        {this.props.text}
    

然后再在父组件中对clickEvent进行定义,即可进行相应操作:

clickEvent(){
	console.log('点击事件')
}

父组件传值给子组件

附加:父组件中给子组件传值,使用text进行绑定(可以改变,使用text或者其他你觉得开心的词语),子组件使用this.props.text(如果不使用text,相应也要改变),即可在父组件将值传递给子组件。

如有疑问,请留言
在这里插入图片描述

你可能感兴趣的:(React-Native,JavaScript)