如何從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視圖

回答

相關問題