Как правильно собирать данные формы React из дочернего компонента в родительский без redux?

Была бы кнопка сабмита, я бы повесил на неё и передал все данные, но так выходить передавать только 1 пару ключ:значение, то есть State заменяется. И да, я знаю, что в потомке стейт не комильфо, однако, как иначе вообще не понимаю. Мне говорили прокинуть пропсы, но те куски кода, что показали, вообще не подходят или не понимаю как сделать.

App.js, родитель

class App extends Component {
  constructor(props) {
    super(props);
    this.handlePropChange = this.handlePropChange.bind(this);
    this.state = {
      filterSet: {}
    }
  }
  handlePropChange(props) {
    this.setState({ filterSet: props })
  }
  render() {
    return (
      <div className="App">
        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <h1 className="App-title">Welcome to CardC</h1>
        </header>
        <Filter onPropChange={this.handlePropChange} />
        {/* <CardList filterSet={this.state.filter} /> */}
      </div>
    );
  }
}

Код дочернего, Filter.js, из его параметров хочу собрать в App.js, Обработать и передать в CardList

class Filter extends Component {
    constructor(props) {
        super(props);
        this.handleCheck = this.handleCheck.bind(this);
        this.handleChange = this.handleChange.bind(this);
        this.state = {
        }
    }
    handleChange(e) {
        this.setState({
            [e.target.name]: e.target.checked ? 1 : 0
        });
    }
    handleCheck(e) {
        this.setState({
            [e.target.name]: e.target.value
        });
    }
    render() {
        return (
            <div className="filter">
                <div><label>Кешбек&nbsp;<input type="checkbox" name="cashback" onChange={this.handleCheck} /></label></div>
                <div><label>Бесплатное обслуживание&nbsp;<input type="checkbox" name="free_price" onChange={this.handleCheck}/></label></div>
                <div><label>Цена&nbsp;<input type="text" name="price" onChange={this.handleChange} /></label></div>
            </div>
        )
    }
}