使用表格 ReactJs 在组件中提交模态

Question

我有以下情况。 我有一个带有表单的组件，这个表单有一个调用模态进行另一次注册的组件，当我提交模态注册时，它也在主组件中提交，有人经历过吗？

对不起我的英语

我的主要组件，我使用 Formik 提交

const salvar = (values) => {
if (marca.length === 0) {
  alertError('Marca é obrigatório.');
  return
} else {
  values = {
    nome: values.nome,
    descricao: values.descricao,
    marca: marca.value
  };
  handleSubmit(values, url, AlertSuccess, AlertError, valuesPesonalizados,
    fieldsPesonalizados);
}

福米克...

<Formik
    initialValues={{
       nome: '',
        descricao: ''
    }}
    validationSchema={SignupSchema}
    onSubmit={salvar}
>

在这种情况下，我有一个打开另一个表单的模态组件

这也有Formik的提交

const salvar = async (values) => {
   handleSubmit(values, url, AlertSuccess, AlertError, valuesPesonalizados,
   fieldsPesonalizados);

}

<Formik
   initialValues={{
     nome: '',
     descricao: ''
   }}
   validationSchema={SignupSchema}
   onSubmit={salvar}
>

但是当以模态提交时，它确实在两个组件中都提交。

我试图更改提交名称，但无济于事。

Answer 1

我有以下情况。 我有一个带有表单的组件，这个表单有一个调用模态进行另一次注册的组件，当我提交模态注册时，它也在主组件中提交，有人经历过吗？

对不起我的英语

我的主要组件，我使用 Formik 提交

const salvar = (values) => {
if (marca.length === 0) {
  alertError('Marca é obrigatório.');
  return
} else {
  values = {
    nome: values.nome,
    descricao: values.descricao,
    marca: marca.value
  };
  handleSubmit(values, url, AlertSuccess, AlertError, valuesPesonalizados,
    fieldsPesonalizados);
}

福米克...

<Formik
    initialValues={{
       nome: '',
        descricao: ''
    }}
    validationSchema={SignupSchema}
    onSubmit={salvar}
>

在这种情况下，我有一个打开另一个表单的模态组件

这也有Formik的提交

const salvar = async (values) => {
   handleSubmit(values, url, AlertSuccess, AlertError, valuesPesonalizados,
   fieldsPesonalizados);

}

<Formik
   initialValues={{
     nome: '',
     descricao: ''
   }}
   validationSchema={SignupSchema}
   onSubmit={salvar}
>

但是当以模态提交时，它确实在两个组件中都提交。

我试图更改提交名称，但无济于事。