Как поднять состояние, если это нужно делать при каждом обновлении state потомка?
Храните значение инпутов в родительском стейте и прокидывайте в пропсы детей.class Parent extends React.Component {
    state = {
        inputFoo: '',
        inputBaz: ''
    };

    handleChangeInput = (inputName, value) => {
        this.setState({
            [inputName]: value
        })
    }

    render() {
        const { inputFoo, inputBaz } = this.state;

        return (
            <div>
                <Children1
                    inputFoo={inputFoo}
                    inputBaz={inputBaz}
                    onChangeInput={this.handleChangeInput}
                />
                <Children2
                    inputFoo={inputFoo}
                    inputBaz={inputBaz}
                />
            </div>
        );
    }
}

class Chidlren1 extends React.Component {
    handleInputChange = event => {
        const {name, value} = event.target
    
        this.props.onChangeInput(name, value);
      }

    render() {
        const { inputFoo, inputBaz } = this.props;

        return (
            <div>
                <input
                    type="text"
                    name="inputFoo"
                    value={inputFoo}
                    onChange={this.handleChangeInput}
                />
                <input
                    type="text"
                    name="inputBaz"
                    value={inputBaz}
                    onChange={this.handleChangeInput}
                />
            </div>
        );
    }
}
Храните все состояние формы в родителе и передавайте ребенку колбек:class Child extends Component {
  render() {
    const { handleChange } = this.props;

    return (
      <Wrapper>
        <SomeInput onChange={handleChange} /> 
      </Wrapper>
    );
  }
}
примерный код колбека:handleChange = e => {
  const { name, value } = this.props;

  this.setState({ [name]: value }, this.calculate);
};