![](/img/trans.png)
[英]How to submit form component in modal dialogue using antd react component library
[英]React with Antd Component Modal Form with state issue
我不知道处理这个问题的正确方法是什么 -> 我是 React 的初学者,所以如果这看起来很荒谬,也许我错了。
我有一个 React 组件——它是一个包含任务列表的表/列表
showModal = () => {
this.setState({
visible: true,
});
};
.
render() {
return (
<Table />
<Button type="primary" onClick={this.showModal}>
Add New Task
</Button>
<CRTaskForm
visible={this.state.visible} />
我有另一个 React 组件 CRTaskForm - 它基本上是一个添加任务的模态表单
现在,我的问题是 1. 我想处理 CRTaskForm 中的 onSubmit - 并在创建任务时关闭表单 - CRTaskForm onSubmit(e) { .. } 中有一个单独的处理程序,它处理通过 REST 将创建任务发送到服务器。
如何关闭 onSubmit 中的 Modal 表单..CRTaskForm 中不存在“可见”道具。
我将创建一个关闭模态并将其作为道具传递给表单的函数:
closeModal = () => {
this.setState({
visible: false
})
}
...
<CRTaskForm visible={this.state.visible} closeModal={this.closeModal}/>
只需在您的提交函数中调用它。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.