React children组件

children

• 组件标签对之间的内容会被当做一个特殊的属性 props.children 传入组件内容
• 可以自定义结构的组件的常用形式
  • children
  • 传递函数
  • 传递子组件

// child传递标签，通常在通用型组件时传递

import React, { Component } from 'react';
// 第一个类 (也可以跨文件传递文件)
class Childes extends Component {
  render() { 
    let {children} = this.props //接收
    console.log(this)
    return ( 
      <div>
        {/* 直接使用 */}
        {children}
      </div>
     );
  }
}
 
//第二个类
class App extends Component {
  render() { 
    return (
            <div>
              <Childes>
                {/* 在组件的开始结束标签之间可以传递 标签 */}
                <h1>今天天气不错</h1>
                <h3>今天天气不错</h3>
                {
                  "饿，了么"
                }
              </Childes>
            </div>
           );
  }
}
export default App;