importar React desde 'react';
/**
aplicación
Ejemplo simple de reacción js fetch */ class La aplicación extiende React.Component {
constructor (accesorios) {
super(props); this.state = { items: [], isLoaded: false }}
/**
componenteDidMount
Obtenga una matriz json de objetos de una URL dada y actualice el estado. */ componenteHizoMontar() {
buscar('https://run.mocky.io/v3/8260aa5d-8af8-4cff-999e-6e81b217f0ba') .then(res => res.json()) .then(json => { this.setState({ elementos: json, isLoaded: true, }) }).catch((err) => { console.log(err); });
}
/**
prestar
IU de renderizado */ render() {
const { isLoaded, items } = this.state;
if (!isLoaded) devuelve Cargando...;
devolver (
}
}
exportar la aplicación predeterminada;
en función de renderizado
return ( { items.clients.map(item => (<span key={item.id}> Name : {item.name} </span>) ) } )