Ant Design Modal Input的按键输入非常慢

时间:2018-09-04 15:26:46

标签: reactjs modal-dialog react-redux redux-form antd

我有一个Ant设计Modal,只需单击一下按钮即可打开。模态包装在redux-form中,并带有蚂蚁设计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>

0 个答案:

没有答案