为什么“ react-hooks / exhaustive-deps”棉绒规则会在嵌套对象属性上触发?

我正在尝试使用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,[setfieldValue,key]);

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

c2125102 回答:为什么“ react-hooks / exhaustive-deps”棉绒规则会在嵌套对象属性上触发?

尝试一下。

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

但是不建议这样做。看一下这个解释。 https://github.com/facebook/react/issues/15924#issuecomment-521253636

本文链接:https://www.f2er.com/3053317.html

大家都在问