Question

我不知道解决该问题的正确方法->我是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中不存在“可见”道具。

Answer 1

我将创建一个关闭模态的函数，并将其作为道具传递给表单：

closeModal = () => {
  this.setState({
   visible: false
})
}

...

<CRTaskForm visible={this.state.visible} closeModal={this.closeModal}/>

只需在您的Submit函数中调用它即可。

与具有状态问题的Antd组件模态形式反应

1 个答案: