React.js直接获取并显示数据

时间:2019-11-12 18:57:21

标签: reactjs fetch

无论如何还是有示例可以直接获取并显示数据。

说我们有JSON数据,我们想一次显示一些可用数据,因此,如果JSON中有很多对象,并且一旦一个数据对象准备好了,我们就显示它,等到下一次加载一旦准备好。我们在一站式完成所有工作。

致谢

1 个答案:

答案 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}}