Как вызвать функцию в родительском компоненте из глубоко вложенного дочернего компонента с использованием приставки

class Parent extends React.Component{
    constructor(props){
        super(props);
        this.clicked = this.clicked.bind(this);
    }

    getChildrenValues(){
        console.log("Children values");
    }

    render(){
        return <div>
            Parent 

            <Component1>

                <Component2>
                    <Child />   

                </Component2>

            </Component1>

        </div>
    }
}


class Child extends React.Component{
    constructor(props){
        super(props);
        this.clicked = this.clicked.bind(this);
    }

    clicked(){
        this.props.dispatch({type: "InvokeParent"});
    }

    render(){
        return <div>
            <button onClick = {this.clicked}>Click Here</button>
        </div>
    }
}

Как вызвать функцию getChildrenValues ​​из дочернего компонента. Я пытаюсь получить все дочерние значения из родительского компонента и отправить, но я не знаю, как вызвать эту функцию в избыточном. В потоке я использовал addChangeListener и вызывал эту функцию.

Ответы на вопрос(1)

Ваш ответ на вопрос