没有将数据从api获取到网页中,有人能帮助我解决出现错误的地方,以及我该如何获取数据



从"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>)
)
}
)

最新更新