Reactjs

Comunicacion entre componetes Padre a hijo por medio de funciones:

 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;