Formik - chrome 自動填充密碼輸入問題

Question

我的密碼輸入有自動填充問題。 我使用 HOC withFormik。 當我訪問該頁面時，chrome 會填寫我上次登錄的電子郵件和密碼。 這完全沒問題。 但是，當我嘗試編輯密碼輸入並開始輸入時，在第一次更改輸入值后，輸入值將重置為記住的密碼。 正好有兩個更改事件，一個是我的新值，另一個是舊的自動填充值，它重寫了我的更改。 之后，任何更改都可以，只有一個更改事件，我可以編輯輸入值。 誰能幫我解決這個問題？

Answer 1

您是否為輸入設置了初始值？ 如果您沒有設置默認值，您還會在控制台中注意到有關不受控制的輸入的警告。

在 Chrome 設置中清除您保存的表單數據（在高級選項卡下）

將此添加到您的 Formik 字段 autoComplete="off" 並將 value="" 添加到該字段，但這應該來自您的 formik 初始值，因此它應該看起來像這樣 value={values.password}

Answer 2

<Field
    name="password"
    type="password"
    {...autoCompleteCustom}
    component={() =>
        <input
            className={
                "form-control" +
                (errors.password && touched.password
                    ? " is-invalid"
                    : "")
            }
            type="password"
            autoComplete="new-password"
        />
    }
/>