Question

让我们假设一个React组件有多个父节点。当我想调用超级父级的功能时（最高级别的组件）。我怎样才能做到这一点。请参阅示例代码。

```

export default class WeekView extends React.Component {      
    constructor(props) {
        super(props);
    }

    // this functions has to be called from third child
    loadData() {
        var data = [];
        this.setState({events : data});
    }

    render() {
        return (
            <ChildOne >
        );
    }
}

export class ChildOne extends React.Component {
    constructor(props) {
        super(props);
    } 

    render() {
        return (
            <ChildTwo />
        );
    }
}

export class ChildTwo extends React.Component {
    constructor(props) {
        super(props);
    } 

    render() {
        return(
            <ChildThree />
        );
    }
}

export class ChildThree extends React.Component {
    constructor(props) {
        super(props);
    }

    addEvent() {
        // how to call loadData() function, which is included in the highest parent
    }

    render() {
        return(
            <Button onCLick={this.addEvent.bind(this)} />
        );
    }
}

```

呀。我们可以通过道具将请求发送到层次结构的顶部。但除非经过层次结构，否则我们可以用另一种方法做到这一点。先感谢您。

Answer 1

反应方式是您通过props将父组件的功能传递下去。你提到这是你的回复。

基本上你的父母会有一个传递给孩子的功能，然后触发它。

当嵌套多个父项

1 个答案: