Question

从React.js开始，我的API后端有一个端点，它返回一个JSON响应。如何在React组件中访问该JSON并循环创建其他元素的副本：

实施例： ...

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响应的结果进行呈现

主要问题：如何获取类组件内的数据，并且可能是从中进行渲染的最佳方法。

由于

Answer 1

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

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

如何从JSON响应生成React视图

1 个答案: