（四）react组合 vs 继承

React 有十分强大的组合模式。我们推荐使用组合而非继承来实现组件间的代码重用
1、组件使用一个特殊的 children prop 来将他们的子组件传递到渲染结果中

function FancyBorder(props) {
  return (
    

      {props.children}
    
  );
}
//==========
function WelcomeDialog() {
  return (
    
      

        Welcome
      
      

        Thank you for visiting our spacecraft!
      
    
  );
}

组件的属性可以是组件,可以将任何东西作为 props 进行传递

function App() {
  return (
    
      }
      right={
        
      } />
  );
}