Mantine 表單，防止提交后關閉 mantine 模態

Question

我正在寫表格來更新信息。 內部提交 function 我正在向 redux-toolkit state 發送新信息。提交后表格正在關閉。 但是，如果 state 返回錯誤消息，我想表單必須保持打開狀態

onSubmit={form.onSubmit(values => {
                            values = {
                                ...values,
                                included_modules: values.included_modules.map((item: any) => {
                                    return { type: item };
                                }),
                            };
                            dispatch(updatePackage({ id: value?.id, values: values }));
                            if (myPackage.showError === true) {
                                setServerError(myPackage.message);
                            } else {
                                setShowModal(false);
                            }
                        })}

Answer 1

您可以將以下道具傳遞給 mantine modal 以防止其關閉：

  /** Should modal be closed when outside click was registered? */
  closeOnClickOutside: false;
  /** Should modal be closed when escape is pressed? */
  closeOnEscape: false;
  /** Hides close button if set to false, modal still can be closed with escape key and by clicking outside */
  withCloseButton: false;
  /** Should modal be closed when confirm button is pressed */
  closeOnConfirm: false,
  /** Should modal be closed when cancel button is pressed */
  closeOnCancel: false,