如何根据反应功能组件中的先前状态有条件地更新状态？

Question

所以，我想做以下事情，

const [value, setValue] = useState({})
const updateName = (name)
setValue(previousState => {
  if (/*check some conditions*/) {
    // dont update the state
  } else {
    return { /* some new state */ }
  }
});

无论如何我怎样才能实现它？

Answer 1

你快到了。

const [value, setValue] = useState({})

setValue((prevState) => {
  if (condition to not update) {
    return prevState;
  } else {
    return newState;
  }
});

您不一定需要通过setValue通话来完成此操作。你也可以这样做：

const updateSomething = () => {
  if (shouldUpdate)
    setValue(newState);
}