xxx

B/P02.html

@@ -1,7 +1,7 @@
 <!--
  * @Author: chenxuan
  * @Date: 2021-12-21 00:15:12
- * @LastEditTime: 2021-12-22 23:59:28
+ * @LastEditTime: 2021-12-25 23:15:21
  * @LastEditors: chenxuan
 -->
 <!DOCTYPE html>
@@ -10,7 +10,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <title>函数式组件</title>
 </head>
 <body>
     <div id="app">

B/P05.html

@@ -0,0 +1,34 @@
+<!--
+ * @Author: chenxuan
+ * @Date: 2021-12-25 23:09:19
+ * @LastEditTime: 2021-12-26 15:37:28
+ * @LastEditors: chenxuan
+-->
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>类式组件</title>
+</head>
+<body>
+	<div id="app"></div>
+	<script src="./package/old/react.development.js"></script>
+    <script src="./package/old/react-dom.development.js"></script>
+    <script src="./package/old/babel.min.js"></script>
+    <script type="text/babel">
+    	class Mycomponent extends React.Component{
+			render(){
+				return (
+					<div>
+						<h1>我是类式组件</h1>
+					</div>
+				)
+			}
+		}
+		ReactDOM.render(
+			<Mycomponent/>,document.getElementById('app')
+		)
+    </script>
+</body>
+</html>

B/P06.html

@@ -0,0 +1,23 @@
+<!--
+ * @Author: chenxuan
+ * @Date: 2021-12-26 16:30:03
+ * @LastEditTime: 2021-12-26 16:37:06
+ * @LastEditors: chenxuan
+-->
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>state</title>
+</head>
+<body>
+	<div id="app"></div>
+	<script src="./package/old/react.development.js"></script>
+    <script src="./package/old/react-dom.development.js"></script>
+    <script src="./package/old/babel.min.js"></script>
+    <script type="text/babel">
+    	
+    </script>
+</body>
+</html>