如何从JSON响应生成React视图

从React.js开始，我有一个来自我的API后端的端点，它返回一个JSON响应。我如何访问JSON的内部通过它创建其他元素的副本阵营组成部分和循环：如何从JSON响应生成React视图

例子： ...

class Books extends React.Component { 
    constructor() { 
    super(); 
    // have access to JSON here from API 
    } 

    render() { 
    const books = jsonResponse.map((val) => { 
    <img src={jsonResponse.imgSrc} /> 
    ... 

    }); 
    return(
    {books} 
    ); 
    }

所以VAR books应该呈现基于从结果JSON响应

主要问题：如何获取类组件内部的数据，以及可能从中渲染的最佳方式。

由于

来源

2017-08-14 codehakase

通过数组映射通过数组，如您所示是渲染的最佳方式。至于另一个问题，你用什么来发出你的ajax请求？如果你没有选择，那么[Axios]（https://github.com/mzabriskie/axios）往往是最流行的选择。通常，最好在'componentDidMount'生命周期方法中进行ajax调用，然后将响应保存到组件状态。 –

@canaanseaton谢谢，你能给我提供资源的链接，我可以在'componentDidMount'生命周期中了解更多信息 – codehakase

@canaanseaton我也知道axios – codehakase

也许最简单的（不一定是最好的）的方法是在componentDidMount或componentWillMount组件的生命周期方法取数据。您可以从各种可以获取数据的库中进行选择。 jQuery，提取，axios提一些。

你可以通过简单的谷歌搜索找到很多教程。例如：https://daveceddia.com/ajax-requests-in-react/

来源

2017-08-14 18:46:23

谢谢这就是我实际寻找的 – codehakase

如何从JSON响应生成React视图

回答

相关问题