从"React"导入React;
/**
-
应用
-
简单的react js获取示例*/类应用程序扩展React.Component{
构造函数(道具({
super(props); this.state = { items: [], isLoaded: false }
}
/**
组件DidMount
从给定的url中获取对象的json数组并更新状态。*/componentDidMount(({
获取('https://run.mocky.io/v3/8260aa5d-8af8-4cff-999e-6e81b217f0ba'(.then(res=>res.json(((.then(json=>this.set状态({items:json,isLoaded:true,})}).catch((err(=>{console.log(err(;});
}
/**
渲染
渲染UI*/render(({
const{isLoaded,items}=this.state;
if(!isLoaded(return正在加载。。。;
返回(
- {items.map(item=>名称:{item.Name}
))}
}
}
导出默认应用程序;
在渲染函数中
return (
{
items.clients.map(item => (<span key={item.id}> Name : {item.name}
</span>)
)
}
)