diff --git a/docs/web/hello_react/difference.md b/docs/web/hello_react/difference.md
new file mode 100644
index 0000000..96ec709
--- /dev/null
+++ b/docs/web/hello_react/difference.md
@@ -0,0 +1,13 @@
+---
+sidebar_position: 3
+---
+
+# 相似与不同
+
+React 的 App.js 和之前 hello_world 中的 index.html 有很大的不同
+
+![不同](./difference.png)
+
+这是因为 React 会把 App.js 作为组件挂载到页面视图上
+
+![挂载](./what_happend.png)
diff --git a/docs/web/hello_react/difference.png b/docs/web/hello_react/difference.png
new file mode 100644
index 0000000..f4f9b97
Binary files /dev/null and b/docs/web/hello_react/difference.png differ
diff --git a/docs/web/hello_react/what_happend.png b/docs/web/hello_react/what_happend.png
new file mode 100644
index 0000000..3215c8f
Binary files /dev/null and b/docs/web/hello_react/what_happend.png differ