Модальный ввод Ant Design имеет очень медленное нажатие клавиши - PullRequest
Новая
       43

Модальный ввод Ant Design имеет очень медленное нажатие клавиши

0 голосов
/ 04 сентября 2018

У меня есть Ant Design Modal, который открывается при нажатии кнопки. Модал обернут в redux-form, с Ant Design Input. При нажатии submit запускается действие создания Tags. Моя проблема в том, что при вводе в Input компонент вводится очень медленно и запаздывает. Я не уверен, что вызвало это, хотел бы получить ответ. 

  const TagField = ({ fields, meta: { error } }) => (
    <Fragment>
      <Field
        name={`tags[0].name`}
        type="text"
        component={InputContainer}
        label="Tag Name"
        className="w-100-ns mr3-ns"
        validate={[required]}
      />
    </Fragment>
  )

    <Button
      onClick={this.handleOpen}
      text="Create New Tag"
      size={SIZES.SMALL}
    />
    <Modal
      title="Create New Tag"
      visible={this.state.modalOpen}
      footer={null}
      onCancel={this.handleClose}
      style={{ top: 16 }}
      destroyOnClose
      destroyOnHide
    >
      <Form onSubmit={modalSubmit}>
        <FieldArray name="tags" component={TagField} />
        <FormError error={error} />
        <div className="flex justify-between">
          <Button
            invert
            text="Cancel"
            onClick={this.handleClose}
            size={SIZES.SMALL}
          />
          <Button
            text="Submit"
            type="submit"
            submitting={submitting}
            size={SIZES.SMALL}
          />
        </div>
      </Form>
    </Modal>
...