可以使用 useEffect 钩子函数来保存API响应到useState()中。示例代码如下:
import React, { useState, useEffect } from 'react';
import axios from 'axios';
function App() {
const [data, setData] = useState([]);
useEffect(() => {
const fetchData = async () => {
const result = await axios(
'https://jsonplaceholder.typicode.com/posts'
);
setData(result.data);
};
fetchData();
}, []);
return (
{data.map(item => (
{item.title}
))}
);
}
export default App;
通过 useEffect,我们可以异步获取数据并将其保存到useState中。在此示例中,我们通过axios获取了一些博客文章数据,将其保存在data状态中并对其进行遍历,并将每个文章的标题作为单独的段落进行渲染。