Как вызвать функцию в родительском компоненте из глубоко вложенного дочернего компонента с использованием приставки
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 и вызывал эту функцию.