使用`useFormikContent()`時如何防止`@typescript-eslint/unbound-method`錯誤？

Question

我剛剛將一些@typescript-eslint模塊更新為最新版本：

"@typescript-eslint/eslint-plugin": "3.4.0",
"@typescript-eslint/parser": "3.4.0",

現在我收到以下錯誤

  22:9  error  Avoid referencing unbound methods which may cause unintentional scoping of `this`  @typescript-eslint/unbound-method

對於代碼

const { setFieldTouched } = useFormikContext();

與Formik 文檔中的形式相同

如何解決此錯誤？

Answer 1

實際上 setFieldTouched 不使用 'this' 引用，所以你可以禁用錯誤：

// eslint-disable-next-line @typescript-eslint/unbound-method
const { setFieldTouched } = useFormikContext();

第二種選擇是像 object 方法一樣調用 setFieldTouched：

  const formikContext = useFormikContext();
  const setFieldTouched = (field: string, isTouched?: boolean, shouldValidate?: boolean) =>
formikContext.setFieldTouched(field, isTouched, shouldValidate);