通过React useState挂钩函数调用设置中止状态

时间:2020-08-06 11:27:37

标签: javascript reactjs

使用旧的基于类的this.setState()方法,我们可以从传递给null的函数中返回setState,以告知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;
  }
});

如果我通过原始值,我将尝试不触发重新渲染。

1 个答案:

答案 0 :(得分:0)

看起来像useEffect(() => { setValue(value => { if (value === 0) { return value; } else { return value - 1; } }); }, [x]) 钩子的工作:

x

仅当 - name: Get container info docker_host_info: containers: yes register: result 更改时,效果才会运行。