diff --git a/react/qf/1.md b/react/qf/1.md
new file mode 100644
index 0000000..fecad13
--- /dev/null
+++ b/react/qf/1.md
@@ -0,0 +1,45 @@
+# 特性
+1. 声明式
+2. 虚拟bom
+3. 单向流
+
+# 学习内容十项
+1. react基础
+2. react hooks
+3. react 路由
+4. react redux
+5. 组件库
+6. immutable
+7. Mobx
+8. react+ts
+9. 单元测试
+10. dva+umi
+
+
+# 虚拟bom
+例如：刷朋友圈，新来的数据和现有的数据比较处理，而不是清空后重新加载，减少dom操作。
+
+# 包管理
+
+## nvm
+node version manage
+## npm
+node package manage
+## nrm
+node remote manage
+![](img/nrm微信截图_20231024104526.png)
+
+
+# jsx
+javascript+xml
+
+
+
+# 快捷键智能检测插件
+ES7 React/Redux/GraphQL/React-Native snippets
+# 行内式函数组件
+```javascript
+const Bar = ()=>{<div>123</div>}
+```
+# 模板语法规则读取js信息
+{}
diff --git a/react/qf/2.md b/react/qf/2.md
new file mode 100644
index 0000000..5196c6b
--- /dev/null
+++ b/react/qf/2.md
@@ -0,0 +1,34 @@
+在事件中调用函数不加(),加()后直接执行并且返回undefined。
+# 函数方法调用
+![](img/函数写法1微信截图_20231027164242.png)
+![](img/函数写法微信截图_20231027164242.png)
+# 类中this指向问题
+## 箭头函数
+this指向外部类的this
+## 普通函数
+this谁调用指向谁
+
+# 关键字
+call  改变this，自动执行函数
+apply  改变this，自动执行函数
+bind  改变this，不自动执行函数 。需要加()执行函数
+
+
+# 类组件
+ref引用
+![](img/ref微信截图_20231027180729.png)
+# 函数组件
+状态hook
+## 严格模式
+React.StrictMode
+
+# state
+
+# 数组循环渲染
+key值解析
+
+虚拟dom
+
+尽量不去修改原状太 ...赋值中间变量
+
+split(删除位置索引，删除个数)
diff --git a/react/qf/img/class-component微信截图_20231024185659.png b/react/qf/img/class-component微信截图_20231024185659.png
new file mode 100644
index 0000000..566cf66
Binary files /dev/null and b/react/qf/img/class-component微信截图_20231024185659.png differ
diff --git a/react/qf/img/function-component微信截图_20231024190639.png b/react/qf/img/function-component微信截图_20231024190639.png
new file mode 100644
index 0000000..d801385
Binary files /dev/null and b/react/qf/img/function-component微信截图_20231024190639.png differ
diff --git a/react/qf/img/json使用_20231122185944.png b/react/qf/img/json使用_20231122185944.png
new file mode 100644
index 0000000..e974d21
Binary files /dev/null and b/react/qf/img/json使用_20231122185944.png differ
diff --git a/react/qf/img/mapindex微信截图_20231028102054.png b/react/qf/img/mapindex微信截图_20231028102054.png
new file mode 100644
index 0000000..1972d5d
Binary files /dev/null and b/react/qf/img/mapindex微信截图_20231028102054.png differ
diff --git a/react/qf/img/map微信截图_20231028095850.png b/react/qf/img/map微信截图_20231028095850.png
new file mode 100644
index 0000000..d789346
Binary files /dev/null and b/react/qf/img/map微信截图_20231028095850.png differ
diff --git a/react/qf/img/nrm微信截图_20231024104526.png b/react/qf/img/nrm微信截图_20231024104526.png
new file mode 100644
index 0000000..ddfa757
Binary files /dev/null and b/react/qf/img/nrm微信截图_20231024104526.png differ
diff --git a/react/qf/img/react生命周期_20231122181541.png b/react/qf/img/react生命周期_20231122181541.png
new file mode 100644
index 0000000..c5d0e1d
Binary files /dev/null and b/react/qf/img/react生命周期_20231122181541.png differ
diff --git a/react/qf/img/ref微信截图_20231027180729.png b/react/qf/img/ref微信截图_20231027180729.png
new file mode 100644
index 0000000..ce3e432
Binary files /dev/null and b/react/qf/img/ref微信截图_20231027180729.png differ
diff --git a/react/qf/img/rendermap2微信截图_20231028100106.png b/react/qf/img/rendermap2微信截图_20231028100106.png
new file mode 100644
index 0000000..7e62dbd
Binary files /dev/null and b/react/qf/img/rendermap2微信截图_20231028100106.png differ
diff --git a/react/qf/img/rendermap微信截图_20231028100106.png b/react/qf/img/rendermap微信截图_20231028100106.png
new file mode 100644
index 0000000..8bdc9a2
Binary files /dev/null and b/react/qf/img/rendermap微信截图_20231028100106.png differ
diff --git a/react/qf/img/render微信截图_20231024190444.png b/react/qf/img/render微信截图_20231024190444.png
new file mode 100644
index 0000000..85fcd55
Binary files /dev/null and b/react/qf/img/render微信截图_20231024190444.png differ
diff --git a/react/qf/img/style微信截图_20231025123447.png b/react/qf/img/style微信截图_20231025123447.png
new file mode 100644
index 0000000..fe6444c
Binary files /dev/null and b/react/qf/img/style微信截图_20231025123447.png differ
diff --git a/react/qf/img/函数写法1微信截图_20231027164242.png b/react/qf/img/函数写法1微信截图_20231027164242.png
new file mode 100644
index 0000000..5c18eb9
Binary files /dev/null and b/react/qf/img/函数写法1微信截图_20231027164242.png differ
diff --git a/react/qf/img/函数写法微信截图_20231027164242.png b/react/qf/img/函数写法微信截图_20231027164242.png
new file mode 100644
index 0000000..27d08dc
Binary files /dev/null and b/react/qf/img/函数写法微信截图_20231027164242.png differ
diff --git a/react/qf/img/绑定微信截图_20231027173308.png b/react/qf/img/绑定微信截图_20231027173308.png
new file mode 100644
index 0000000..410c89a
Binary files /dev/null and b/react/qf/img/绑定微信截图_20231027173308.png differ
diff --git a/react/qf/img/解构_20231115182542.png b/react/qf/img/解构_20231115182542.png
new file mode 100644
index 0000000..036778d
Binary files /dev/null and b/react/qf/img/解构_20231115182542.png differ