React组合，继承

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第5天

包含组合

class Container extends React.Component{
  
  render() {
    console.log(this.props);
    return (
      <div className="container">
        {this.props.children}
      </div>
    )
  }
}
class App extends React.Component{
  render() {
    return (
      <Container></Container>
    )
  }
}
ReactDOM.render(
  <App />,
  document.getElementById('app')
)

如果container内部有内容，React会在props内容内部增加children属性

如果container内部有非元素内容，children：非元素内容

如果container内部有单个元素内容，children：React元素对象

如果container内部有多个元素内容，children：[...React元素对象]

组合：它是React官方特别推荐的一种组件化的设计方案。

意义：组合是React封装组件的基础思想，背后的语法基础：props children / render props。 而且现在我做的项目的层级大多是用的组合的模式，达到的代码组件的复用，比如对一个弹窗的多次使用