1. 程式人生 > >React 中的 AJAX 請求:獲取數據的方法

React 中的 AJAX 請求:獲取數據的方法

num col 技術 技術分享 ops spa 初始化 方法 clas

React 中的 AJAX 請求:獲取數據的方法

React 只是使用 props 和 state 兩處的數據進行組件渲染。

因此,想要使用來自服務端的數據,必須將數據放入組件的 props 或 state 中。

技術分享圖片

技術分享圖片

首先引入 axios。

1.`import axios from ‘axios‘;`

constructor 方法非常標準,調用 super,然後初始化 state,設置一個空的 posts 數

傳入新的 posts 數組,使用 this.setState 方法更新組件狀態。這會導致重新渲染,接下來文章列表就顯示出來了。

React 中的 AJAX 請求:獲取數據的方法