使用 React useState 钩子函数调用设置中止状态

Question

使用旧的基于类的 this.setState() 方法，我们可以从传递给 setState 的函数中返回 null，以告诉 React 不要对特定的 setState 调用执行任何操作：

this.setState(({ value }) => {
  if (value === 0) {
    return null;
  } else {
    return { value: value - 1 };
  }
});

我试图了解使用 React Hooks 执行此操作的正确方法是什么，以下是否正确？

const [x, setValue] = useState(0);
setValue(value => {
  if (value === 0) {
    return value;
  } else {
    return value - 1;
  }
});

如果我通过原始值，我会尽量不触发重新渲染。

Answer 1

看起来像是 useEffect 钩子的工作：

useEffect(() => {
setValue(value => {
  if (value === 0) {
    return value;
  } else {
    return value - 1;
  }
});
}, [x])

仅当x 更改时才会运行效果。