react中标签体内容

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

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

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

 1 import Div1 from "./components/div1"
 2 import { Link, BrowserRouter, Route, NavLink } from "react-router-dom";
 3 
 4 export default class App extends Component {
 5   render() {
 6     return (
 7       <div>
 8         <Div1>123456789/Div1</Div1>
 9       </div>
10     );
11   }
12 }

在定义组件的地方

1 import React, { Component } from "react";
2 
3 export default class Div1 extends Component {
4   render() {
5     return (
6       <div {...this.props}></div>
7     );
8   }
9 }

标签体的内容相当于标签的children属性。可以这样说，标签体就是一个特殊的标签属性。
- ```
<div {...this.props}></div>
```
{…this.props}，用于将父组件的props全部传入子组件。不仅可用于props，可用于各种类。
<div>123</div>等同于<div children="123"></div>