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

Я хочу отправить данные формы, которые находятся в моем дочернем элементе, в родительский компонент. На функцию отправки, которую я написал в родительском компоненте. Родительский компонент:

    handleChangeEventValue = (e) => {
      this.setState({
        [e.target.name]: e.target.value,
        [e.target.value]: e.target.value
     });
   }

   handleSubmit() {
      var newObj = {
      'id' : this.state.id,
      'name' : this.state.name,
   };

   render() {
     return (
       <div className = "App">
        <UsingForm onChangeValue = 
         {this.handleChangeEventValue} handleSubmit = {this.handleSubmit}> 
         </UsingForm>
      </div>
     );
   }

И дочерний компонент:

 <form onSubmit = {this.handleSubmit}>
     <label>
      Name:
        <input type = "text" name = "uname" value = {this.props.uname} 
        onChange = {(e)=>this.props.onChangeValue(e)}></input>
     </label>
     <label>
     ID:
      <input type = "text" name = "id" value = {this.props.id} onChange= 
       {(e)=>this.props.onChangeValue(e)}></input>
      </label>
      <input type = "button" value = "Submit" onClick= 
      {this.props.handleSubmit} />
 </form>

Не получают значения состояния в handleSubmit(), почему?