react hook例子 git
这是一个使用React Hook的简单例子,用于跟踪点击次数:
```jsx
import React, { useState, useEffect } from 'react';
function ClickCounter() {
const [count, setCount] = useState(0);
useEffect(() => {react面试题hook是什么
('Count after click: ' + count);
}, [count]);
return (
<div>
<p>Click Count: {count}</p>
<button onClick={() => setCount(count + 1)}>Click me</button>
</div>
);
}
```
在这个例子中,我们使用了`useState` Hook 来创建一个状态变量`count`,并使用`setCount`函数来更新这个状态。然后,我们使用`useEffect` Hook 来监听`count`的变化,并在控制台中打印出新的点击次数。最后,我们在组件中返回一个包含当前点击次数和按钮的元素。当用户点击按钮时,`count`的值会加1,并触发`useEffect` Hook,从而在控制台中打印出新的点击次数。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论