用react hooks写一个计数器
时间: 2023-07-01 09:14:36 浏览: 172
React计时器
好的,以下是使用 React Hooks 写的计数器示例:
```jsx
import React, { useState } from 'react';
function Counter() {
const [count, setCount] = useState(0);
return (
<div>
<p>当前计数值为: {count}</p>
<button onClick={() => setCount(count + 1)}>增加</button>
<button onClick={() => setCount(count - 1)}>减少</button>
</div>
);
}
export default Counter;
```
在上面的代码中,我们使用 `useState` Hook 来创建一个 `count` 状态和一个 `setCount` 函数。`count` 初始值为 0,然后我们将它渲染到页面上。两个按钮分别用于增加和减少计数器的值,点击按钮时会调用对应的 `setCount` 函数来更新 `count` 状态的值,并重新渲染页面。
阅读全文