blog: 更新React文章 - hook

docs/《React》笔记/03.Hook/01.Hook.md

@@ -1,6 +1,6 @@
 ---
 title: Hook
-date: 2021-03-25 19:46:03
+date: 2021-03-27 17:48:03
 permalink: /pages/4c13b9/
 categories:
   - 《React》笔记
@@ -9,3 +9,46 @@ tags:
   - React
 ---
 # 01. Hook
+
+Hook可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。
+
+
+
+## useState使用方式
+
+**模式：**
+
+```js
+const [<取值>, <设值>] = useState(<初始值>)
+```
+
+上面的三个值均可自定义名称，分别是：
+
+- state取值变量名 
+- state设值方法名
+- 初始值
+
+
+
+**例子：**
+
+```jsx
+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>
+  );
+}
+```
+
+
+