在React组件中将值传递给父级

Question

我想将值从输入按钮传递到其父级。 这是我的孩子组成部分，

class Sidebar extends React.Component {

  handleSubmitButton(event) {
    event.preventDefault();
    let value = document.getElementById('input-button').value;
    console.log(value);

  }

  render() {
    return (
      <div>

         <input type="text" id="input-button" placeholder="YGUID" />

            <button type="button" className="btn btn-info btn-icons" onClick={this.handleSubmitButton} >

            </button>

      </div>
    );

  }
}

Sidebar.propTypes = {
  handleSubmitButton: React.PropTypes.func
};

我想将handleSubmit按钮中获取的值传递给它父级。这是父组件。

class Parent extends React.Component{

constructor(props) {
    super(props);

    this.handleSubmit = this.handleSubmit.bind(this);

  }
handleSubmit(){
.......
  }
render(){
    return(

        <div className="col-md-8 middle-pane">
          <Viewer images={this.state.images} handleSubmitButton = {this.state.handleSubmit} />
        </div>



    );
  }
}

任何帮助表示感谢。