Formik onSubmit не зарегистрирован в модальном - PullRequest
Новая
       8

Formik onSubmit не зарегистрирован в модальном

0 голосов
/ 09 ноября 2019

Я пытаюсь создать форму в самом Модале, однако кнопка onSubmit не зарегистрирована. Функция оповещения оповещения («тест»);должен появиться. Нужно ли вводить событие onChange внутри телефона div? 

.
.
<Modal
  show={this.state.testing}
  onHide={this.onHide}
  size="lg"
  aria-labelledby="contained-modal-title-vcenter"
  centered
>
<Modal.Header closeButton>
  <Modal.Title id="contained-modal-title-vcenter">
   Hello World
  </Modal.Title>
</Modal.Header>

<Formik    
onSubmit={({phone},{ setStatus, setSubmitting }) => {
alert("test");
)

 render={({ errors, status, touched, isSubmitting }) => (
 <Form>
  <div className="form-group">
    <label htmlFor="phone">phone</label>
     <Field
     name="phone"
     type="text"
     className={
    "form-control" +
   (errors.phone&& touched.phone? " is-invalid" : "")
  }
 />
.
.
.
 <button
  type="submit"
  className="btn btn-primary"
  disabled={isSubmitting}
  >Update</button>

Alert («тест»)

1 Ответ

0 голосов
/ 09 ноября 2019

Когда вы используете компонент Field, formik автоматически обрабатывает ввод с событием onChange. Так что вам не нужно это менять.

Пожалуйста, обратите внимание на следующие два примечания:
Form компонент должен быть импортирован из formik следующим образом: 

import {  Form } from 'formik';

и ваша кнопка должнабыть внутричто-то вроде этого: 

<Form>
  .
  .
  .
  <button
    type="submit"
    className="btn btn-primary"
    disabled={isSubmitting}
  >Update</button>
</Form>

, если вы все еще не можете выполнить работу с этими заметками, пожалуйста, поделитесь большим количеством своего кода, чтобы я мог помочь вам. пожалуйста, дайте мне знать, если у вас все еще есть проблемы

...