假设我有一个自定义组件:
export default class Button extends Component {
render(){
return(
<TouchOpacity>
<Text> Button </Text>
</TouchOpacity>
)
}
}
我在这样的父组件中使用它:
export default class MainPage extends Component {
render(){
return(
<Button onPress={ this.doSomething }></Button>
)
}
}
出于某种原因(至少我不知道)，这种情况甚至不会发生.
根据我上面的例子，有没有可能得到一个小例子来说明如何实现这一点？
所以，我刚刚发现了如何处理这个问题.
export default class Button extends Component {
constructor(props){
super(props)
}
render(){
return(
<TouchableOpacity
onPress={this.props.onPress}
>
<Text> Button </Text>
</TouchableOpacity>
)
}
}
和
export default class MainPage extends Component {
render(){
return(
<Button onPress={ this.doSomething }></Button>
)
}
}
长话短说:因为我传递的onPress是主页中的一个props ，所以我传递给它一个函数(this.doSomething)，它稍后会在Button的onPress中激活.