使用formik时如何重置屏蔽输入?

时间:2020-03-10 18:26:52

标签: reactjs formik

我在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>

0 个答案:

没有答案