Los componentes permiten separar la interfaz de usuario en piezas independientes, reutilizables y pensar en cada pieza de forma aislada.

Conceptualmente, los componentes son como las funciones de JavaScript. Aceptan entradas arbitrarias (llamadas “props”) y devuelven a React elementos que describen lo que debe aparecer en la pantalla.

import React, {Component} from ‘react’;
import logo from ‘./logo.svg’;
import ‘./App.css’;
/*——–funcion——–
function Hello(props){
return

{props.title}

}
———-Arrow function——
const Hello= (props)=>

{props.title}

*/
class Hello extends Component{
render(){
return

{this.props.title}

}
}

function App() {
const one=[
{name:’Jose’,age:12},
{name:’Juan’,age:31},
{name:’Jorge’,age:54}
]

return (

Bienevenido FQE

< Hello title=’Hello from props’/>

Edit src/App.js and save to reload. Learn React

• {item.name} is {item.age} years old

);
}

export default App;