React：组件实例三大属性之(props)

🍳如有不对，欢迎一起讨论

概述

react组件实例中共有三大属性，分别为state、props、refs。其中props，是properties的简写，字面意思为“属性”，在组件上绑定的属性都在props里。

作用： 通过标签属性从组件外向组件内传递变化的数据
注意： props属性是只读的，也就是不能修改，只能读取

---

基本使用

    <!-- 创建容器标签 -->
    <div id="root"></div>
    <!-- React核心文件 -->
    <script src="../js/react.development.js"></script>
    <!-- react操作DOM文件 -->
    <script src="../js/react-dom.development.js"></script>
    <!-- 属性限制文件 -->
    <script src="../js/prop-types.js"></script>
    <!-- babel转换jsx为js -->
    <script src="../js/babel.min.js"></script>
	<script type="text/babel">
    // 创建类组件
    class Person extends React.Component{
   
        render(){
   
        	//3.通过this.props接收
            const {
   name,age}=this.props
            return (
            <div>
                <