From 84f56ad252ef39d4b8a0170eb00f19849ac08c90 Mon Sep 17 00:00:00 2001
From: xugaoyi <894072666@qq.com>
Date: Sat, 27 Mar 2021 18:02:10 +0800
Subject: [PATCH] =?UTF-8?q?blog:=20=E6=9B=B4=E6=96=B0React=E6=96=87?=
 =?UTF-8?q?=E7=AB=A0=20-=20hook?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/《React》笔记/03.Hook/01.Hook.md | 45 ++++++++++++++++++++++++++-
 1 file changed, 44 insertions(+), 1 deletion(-)

diff --git a/docs/《React》笔记/03.Hook/01.Hook.md b/docs/《React》笔记/03.Hook/01.Hook.md
index a5fc123..671cfb3 100644
--- a/docs/《React》笔记/03.Hook/01.Hook.md
+++ b/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>
+  );
+}
+```
+
+
+