Componentes react

 

import React from 'react';  
import './App.css';  
//componente con funcion normal  
function Hello(){  
 return <div id="hello">Hello Componente</div>  
}  
//componente con funcion flecha  
const Hello2 = () =><div id="hello">Componente 2 Flecha </div>  
//componente con una clase  
class Hello3 extends React.Component{  
 render(){  
  return(  
   <div id="hello">Componente clase</div>  
  );  
 }  
}  
//componente de funcion  
function App() {  
 return (  
  <div className="App">  
   Lista de componentes Componente padre  
   <Hello/>  
   <Hello2/>  
   <Hello3/>  
  </div>  
 );  
}  
export default App;