React bootstrap modal如何首先发送发布请求，然后在提交值时关闭modal

Question

我正在以自举模式制作表格。当您按下提交时，表单数据应被过帐并且模式应关闭。现在，我的代码的结构方式已关闭，但我认为我的请求没有足够的时间发出发布请求，因为它从不发送。当我删除this.props.onHide表单提交按钮时。该请求确实得到发送，并且显然该模式没有关闭。

任何人都知道我如何发送Post请求并关闭模式？

打开模式的按钮：

export default function SidenavButtons(props) {
    const [modalShow, setModalShow] = React.useState(false);

    return (
        <React.Fragment>
                    <a class="dropdown-item" onClick={() => setModalShow(true)}>{props.usage}</a>
            <CreateServiceModal
                show={modalShow}
                onHide={() => setModalShow(false)}
                modelUsage= {props.usage}
            />
        </React.Fragment>
    )
}

模式页脚->提交按钮：

                               <Modal.Footer>
                                    <Mutation mutation={POST_MUTATION}
                                        variables={{ cost, name, description, hours, minutes }}>

                                        {postMutation =>
                                            <button onClick={postMutation , this.props.onHide}>Submit</button>

                                        }
                                    </Mutation>
                                </Modal.Footer>

Answer 1

要单击一个按钮即可调用多个功能，只需使用内联箭头功能并调用您最喜欢的功能，并以;分隔即可

{
  (postMutation) => (
    <button onClick={() => {postMutation(); this.props.onHide()}}>Submit</button>
  );
}