From ae1c8f6ce1c84c258443c2da520bf4774d6b46cc Mon Sep 17 00:00:00 2001
From: chenxuan <chenxuanThinkpad@163.com>
Date: Wed, 10 Apr 2024 16:11:41 +0800
Subject: [PATCH] no message

---
 basic/1/10.html | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 basic/1/10.html

diff --git a/basic/1/10.html b/basic/1/10.html
new file mode 100644
index 000000000..c925b3600
--- /dev/null
+++ b/basic/1/10.html
@@ -0,0 +1,40 @@
+<!--
+ * @Author: chenxuan
+ * @Date: 2022-01-01 14:00:24
+ * @LastEditTime: 2022-05-02 10:10:46
+ * @LastEditors: chenxuan
+-->
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>props限制和默认值</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 src="../package/old/prop-types.js"></script>
+    <script type="text/babel">
+    	class Person extends React.Component{
+			render(){
+				const {name,sex,age}=this.props
+				return(
+					<ul>
+						<li>姓名：{name+1}</li>
+						<li>性别：{sex}</li>
+						<li>年龄：{age}</li>
+					</ul>
+				)
+			}
+		}
+		function speak(){
+			console.log('我说话了');
+		}
+		let obj={name:"chenxuan",sex:"男",age:18}
+		ReactDOM.render(<Person {...obj} speak={speak}/>,document.getElementById('app'))
+    </script>
+</body>
+</html>
\ No newline at end of file