Как обновить родительское состояние в дочернем компоненте и вернуться к родительскому состоянию?

Я передаю объект из родительского компонента в дочерний компонент, и в дочернем компоненте есть несколько полей ввода, которые обрабатываются в родительском компоненте следующим образом:

import React, { Component } from "react";
import Child from 'path';

class parent extends Component {
    constuctor(props){
        super(props);
        this.state = {
            obj :{
                //object
            }
        }
        this.handlerInput =  this.handlerInput.bind(this);
    }

    handlerInput(e){
        //logic to update state obj
    }
    render(){
        return(
            <div className = "content">
                <Child changeHandle = {this.handlerInput}  />
            </div>
        );
    };
}



export default parent;



import React, { Component } from "react";

class Child extends Component {
    render(){
        return(
            <div className = "content">
                <input type = "text" onChange = { this.props.changeHandle } name = "xyz" />
            </div>
        );
    };
}



export default Child;

Теперь давайте предположим, что мне нужно использовать дочерний компонент в нескольких местах, поэтому каждый раз, когда я должен определять функцию changeHandle в родительском компоненте?

Любое предложение обновить родительское состояние от дочернего?