no message

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>