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 + 1}</li>
            </ul>
          );
        }
      }
      let p = { name: "Tom", sex: "男", age: "18" };
      //渲染
      //这里面的{...p}，相当于展开name: "Tom", sex: "男", age: "18"
      ReactDOM.render(<Person {...p} />, document.getElementById("test"));
    </script>