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.