下面是一个示例代码,演示了如何使用闭包和useState Hook来实现一个计数器:
import React, { useState } from "react";
function Counter() {
// 使用useState Hook来创建一个状态变量count,并初始化为0
const [count, setCount] = useState(0);
// 定义一个递增函数,通过闭包访问到count变量
const increment = () => {
setCount(count + 1);
};
return (
{count}
);
}
export default Counter;
在上面的代码中,我们使用useState Hook来创建一个名为count的状态变量,并使用setCount函数来更新它的值。我们还定义了一个名为increment的函数,该函数使用闭包访问到count变量,并在点击按钮时调用setCount函数来递增count的值。
通过使用闭包和useState Hook,我们可以实现一个简单的计数器,每次点击按钮时,count的值都会增加。
上一篇:闭包和this有什么区别?
下一篇:闭包和循环引用