import React, { useState } from 'react';
function Example() {
// 声明一个叫 "count" 的 state 变量
const [count, setCount] = useState(0);
return (
<div>
<p>You clicked {count} times</p>
<button onClick={() => setCount(count + 1)}>
Click me
</button>
</div>
);
}
-
Hook 出现的目的主要是为了实现函数组件中也可以使用类组件中的一些功能,例如state、props、以及生命周期函数。
-
这里的setCount方法就类似于类组件中的setState方法,默认有个参数是count的值。
网友评论