react中标签体内容

children属性标签体，{...props}快速传递props属性

利用标签体传递参数时，相当于是给利用标签传递了 children属性，在接收数据时利用 this.props.children

 

调用组件传递  标签体内容，这个时候相当于  传递了 children="123456789/Div1"

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>
    );
  }
}

在定义组件的地方

import React, { Component } from "react";

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

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

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

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