Recent comments

React Props propiedades



Props: propiedades
Para pasar datos entre un componente (Padre a hijo)
Se realizan a traves de estados, en el llamado del componente en el padre
se pueden agregar los llamados a traves de una propiedad
como se observa en la funcion app
en las funciones se realiza mediante la definicion de props como argumento,
mientras que en una clase se hace por medio del llamado this.props.

 import React from 'react';  
 import './App.css';  
 //Funcion principal  
 function App() {  
  return (  
   <div className="App">  
    <Hello1 mytext="PROPIEDAD"/>  
    <Hello2 mytext="PROPIEDAD 2"/>  
    <Hello3 mytext="PROPIEDAD 3"/>  
   </div>  
  );  
 }  
 //Componente desde una Funcion anonima con props  
 const Hello2 = (props) => <div>  
  Funcion Anonima: {props.mytext}  
 </div>  
 //Componente desde una Funcion normal con props  
 function Hello1(props){  
  return <div id="hello">Funcion: {props.mytext}</div>  
 }  
 //Componente desde una clase con props  
 class Hello3 extends React.Component{  
  render(){  
   return(  
   <div>Funcion Clase: {this.props.mytext}</div>  
   )  
  };  
 }  
 export default App;  

No hay comentarios.