javascript - 无法调用 props 子函数

Question

我想在按下按钮时调用父组件中的函数子组件，

class Home extends Component {
  constructor(props) {
    super(props);
    this.Quiz = this.getQuizpopup.bind(this); //Function I want to call 

    this.state = {
      latitude: LATITUDE,
    }

  };
}

在子组件中，我使用如下方式调用函数

<View>
  <Button onPress={this.props.Quiz()} buttonStyle={styles.buttonStyle} title="MpTest" />
</View>

我收到的错误是

Answer 1

您需要传递 props 才能在子组件中使用该函数。

class Parent extends Component{
quiz = () => {
  //function you want to call
}
render(){
return(
  <Child quiz={this.quiz}> //passing quiz function as prop to child component 
)
}}