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

Question

I have the following scenario. I have a component with a form this form has a component that calls a modal to make another registration, when I submit the modal registration it also does the submit in the main component, has anyone been through this?

Sorry my English

my main component, I use Formik to submit

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...

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

in this case I have a modal component that opens another form

this also has the submit with Formik

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

}

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

but when submitting in modal it does submit in both components.

I've tried to change the submit names but to no avail.

Answer 1

I have the following scenario. I have a component with a form this form has a component that calls a modal to make another registration, when I submit the modal registration it also does the submit in the main component, has anyone been through this?

Sorry my English

my main component, I use Formik to submit

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...

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

in this case I have a modal component that opens another form

this also has the submit with Formik

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

}

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

but when submitting in modal it does submit in both components.

I've tried to change the submit names but to no avail.