将传递函数反应到 child 的 child 组件

Question

我想将一个函数从 parent 传递到 child 的 child 组件，但显示为 'undefined'

我了解如何将函数从 parent 传递到 child:

class Child extends Component {
  render() {
        <div onClick={this.props.passedFunction}></div>
    }
}

class Parent extends Component {
    passedFunction = () => {}
    render() {
      <Child passedFunction={this.passedFunction}/>
    }
}

但是我该如何正确地传给孙子呢：

class GranChild extends Component {
    render() {
        <div onClick={this.props.passedFunction}></div>
    }
}

class Child extends Component {
    render() {
        <GranChild passedFunction={this.passedFunction}/>
    }
}

class Parent extends Component {
    passedFunction = () => {}
    render() {
      <Child passedFunction={this.passedFunction}/>
    }
}

Answer 1

将您的子函数重构为：

class Child extends Component {
render() {
    <GranChild passedFunction={this.props.passedFunction}/>
}

}

将传递函数反应到 child 的 child 组件

React Pass function to child's child component

reactjs

react-component