在 react hook useState 的 set 参数中运行函数有什么缺点吗？

Question

我遇到了一种情况，我不得不使用当前值进行进一步处理，并且无法依靠依赖项及时更新函数。 我不得不做类似于以下的事情。

const [values, setValues] = useState({});
const someCallback = useCallback(() => {
  setValues((values) => {
    if(values.x === 'something') return ({ ...values, x: 'something else' });
    return values;
  });
}, []);

它对我有用，但这并不意味着它是正确的。 我从未见过有人像上面那样使用它，但我看不出上面有什么问题。 像这样使用 useState 的 set 参数有什么缺点吗？

Answer 1

我看不出有什么问题。 您已经声明没有依赖项，这是正确的，因为您使用的是setValues的回调版本（并且setValues本身保证稳定）。

我可能会做的一件小事，更像是一种风格，可以从两种方式进行争论，为了清楚起见，我可能会为setValues回调的values参数使用不同的名称：

const [values, setValues] = useState({});
const someCallback = useCallback(() => {
  setValues((currentValues) => {
    if(currentValues.x === 'something') return ({ ...currentValues, x: 'something else' });
    return currentValues;
  });
}, []);

但同样，你所拥有的似乎很好。