React 组合关系

// 使用JSX去调用组件
function FancyBorder(props) {
  return (
    

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

        Welcome
      
      

        Thank you for visiting our spacecraft!
      
    
  );
}

// 将组件通过组件的自定义props来传递，而不是通过props.children来传递
function SplitPane(props) {
  return (
    

      

        {props.left}
      
      

        {props.right}
      
    
  );
}

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