Hook
# 01. Hook
Hook可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。
# useState使用方式
模式:
const [<取值>, <设值>] = useState(<初始值>)
1
上面的三个值均可自定义名称,分别是:
- state取值变量名
- state设值方法名
- 初始值
例子:
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>
);
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
编辑 (opens new window)
上次更新: 2021/04/01, 11:06:04