我有一个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>