react bootstrap: how to send form from modal buttons
<p>Here is hierarchy of my components</p>

<pre><code>class MyDialog extends Component {

    static propTypes = {
        children: PropTypes.node,
        show: PropTypes.bool
    };

    onClick() {
        // submit form
    }

    render() {
        return (
            &lt;Modal show={this.props.show}&gt;
                &lt;Modal.Body&gt;
                    {this.props.children}
                &lt;/Modal.Body&gt;
                &lt;Modal.Footer&gt;
                    &lt;Button onClick={::this.onClick}&gt;Submit&lt;/Button&gt;
                &lt;/Modal.Footer&gt;
            &lt;/Modal&gt;
        );
    }
}    

class MyForm extends Component {

    onSubmit() {
        // ajax call
    }

    render() {
        return (
            &lt;Form onSubmit={::this.onSubmit}/&gt;
        );
    }
}

class MyComponent extends Component {
    render() {
        &lt;MyDialog show={true}&gt;
            &lt;MyForm&gt;
        &lt;/MyDialog&gt;
    }
}
</code></pre>

<p>I wonder what is the proper way to send form using button from modal dialog</p>

<p>Also its possible I want to reuse dialog for some other content not a form</p>