0%

729_React_props基本使用

<script type="text/babel">
     class Person extends React.Component {
       render() {
         console.log(this);
         const { name, sex, age } = this.props;
         return (
           <ul>
             <li>{name}</li>
             <li>{sex}</li>
             <li>{age}</li>
           </ul>
         );
       }
     }

     //渲染
     //被添加上了props:{name: "Tom", sex: "男", age: "18"}
     //这里面的{...p},相当于展开name: "Tom", sex: "男", age: "18"
     ReactDOM.render(
       <Person name="Tom" sex="男" age="18" />,
       document.getElementById("test")
     );