对初始状态的反应钩子 - 反应原生

Question

我目前正在 react 中工作 Hooks 并有以下问题，每次按下按钮时，这个简单的代码都会递增。 我创建了一个条件，当计数最多 2 时记录"完成"。但是我无法将计数恢复为 0。

提前非常感谢

这是我的代码：

import React, { useState } from 'react';
function Example() {
const [count, setCount] = useState(0);
if(count =='2'){
console.log('finished')
//count = 0
}
return (
<div>
<p>clicked {count} times</p>
<button onClick={() => setCount(count + 1)}>
Click here
</button>
</div>
);
}

Answer 1

您需要使用setCount方法将其设置回0

import React, { useState } from 'react';
function Example() {
const [count, setCount] = useState(0);
if(count === 2){
console.log('finished')
setCount(0);
}
return (
<div>
<p>clicked {count} times</p>
<button onClick={() => setCount(count + 1)}>
Click here
</button>
</div>
);
}