react（39）——children属性标签体，{...props}快速传递props属性

1.代码

app

import React, { Component } from "react";
import Div1 from "./components/div1"
import { Link, BrowserRouter, Route, NavLink } from "react-router-dom";

export default class App extends Component {
  render() {
    return (
      <div>
        <Div1>123456789/Div1</Div1>
      </div>
    );
  }
}

Dvi1

import React, { Component } from "react";

export default class Div1 extends Component {
  render() {
    return (
      <div {...this.props}></div>
    );
  }
}

2.代码讲解

1. 标签体的内容相当于标签的children属性。可以这样说，标签体就是一个特殊的标签属性。

 <div {...this.props}></div>

2. {…this.props}，用于将父组件的props全部传入子组件。不仅可用于props，可用于各种类。
3. <div>123</div>等同于<div children="123"></div>

3.运行结果