Question

我正在尝试使用React挂钩来记住回调。此回调专门使用在对象上定义的函数。

const setValue = useCallback((value) => {
  field.setValue(key, value);
}, [field.setValue, key]);

这将触发附加规则react-hooks/exhaustive-deps。它希望我改为传递[field, key]。

如果我随后将代码更改为以下代码，即使看起来是相同的，我也不会收到警告：

const { setValue: setFieldValue } = field;

const setValue = useCallback((value) => {
  setFieldValue(key, value);
}, [setFieldValue, key]);

在第一个示例中，为什么护航警告我？在这种情况下我可以安全地忽略它吗？

Answer 1

尝试一下。

const setValue = useCallback((value) => {
  const set = field.setValue;
  set(key, value);
}, [field.setValue, key]);