Javascript react引导：如何从模式按钮发送表单

下面是我的组件的层次结构

class MyDialog extends Component {

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

    onClick() {
        // submit form
    }

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

class MyForm extends Component {

    onSubmit() {
        // ajax call
    }

    render() {
        return (
            <Form onSubmit={::this.onSubmit}/>
        );
    }
}

class MyComponent extends Component {
    render() {
        <MyDialog show={true}>
            <MyForm>
        </MyDialog>
    }
}

类MyDialog扩展组件{
静态类型={
子项：PropTypes.node，
show:PropTypes.bool
};
onClick（）{
//提交表格
}
render（）{
返回(
{this.props.children}
提交
);
}
}    
类MyForm扩展组件{
onSubmit（）{
//ajax调用
}
render（）{
返回(
);
}
}
类MyComponent扩展组件{
render（）{
}
}

我想知道使用模态对话框中的按钮发送表单的正确方式是什么

---

还有可能我想对其他内容重复使用对话框，而不是表单

有任何答案/建议吗？我对这个问题很感兴趣……看到答案/建议了吗？我对这个问题很感兴趣…看到了吗