无论如何还是有示例可以直接获取并显示数据。
说我们有JSON
数据,我们想一次显示一些可用数据,因此,如果JSON
中有很多对象,并且一旦一个数据对象准备好了,我们就显示它,等到下一次加载一旦准备好。我们在一站式完成所有工作。
致谢
答案 0 :(得分:0)
您的描述是React中相当标准的。
假设您拥有fetch
组件,并且在安装该组件时,您会看到为API创建import React, {Component} from 'react'
export default class List extends Component {
state = {
listData: []
}
componentDidMount = () =>{
fetch('YOUR_URL_HERE')
.then(response => response.json())
.then(data => this.setState({ listData: data}));
}
render(){
return(
<div>
{this.state.listData.map((listItem, i)=>{
return <p>{listItem.propertyToRender}</p>
})}
</div>
)
}
}
并呈现数据。您可以执行以下操作。
{{1}}