我在formik内使用输入掩码,但是在重置表单时无法重置它们。值本身已被重置,但它们仍显示在输入内部。我不知道这是剩下的面具还是什么……
有没有办法将其完全重置?
在表格内输入
<Input
htmlFor="housePhone"
label="Telefone fixo"
placeholder="(12) 3456-7890"
name="housePhone"
type="text"
fieldError={
touched.housePhone && errors.housePhone ? "field_error" : null
}
useMask="housePhone"
handleChange={handleChange}
handleBlur={handleBlur}
/>
输入组件:
<Container>
<label htmlFor={htmlFor}>{label}:</label>
{useMask ? (
<InputMask
name={name}
type={type}
placeholder={placeholder}
className={fieldError}
mask={useMask === "housePhone" ? housePhoneMask : cellPhoneMask}
onChange={handleChange}
onBlur={handleBlur}
maskChar={null}
/>
) : (
<Field
as={inputType && inputType}
rows={inputType === "textarea" ? "1" : ""}
onFocus={() =>
inputType === "textarea" ? handleTextareaSize() : null
}
name={name}
type={type}
placeholder={placeholder}
className={fieldError}
id={inputType === "textarea" ? "textarea" : null}
/>
)}
<Errors name={name} />
</Container>