使用表格 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}
>

但是當以模態提交時，它確實在兩個組件中都提交。

我試圖更改提交名稱，但無濟於事。