我正在尝试呈现 API 数据,但由于某种原因,我无法做到这一点。
const [ data, setData ] = useState([])
const fetchData = () => {
return (
fetch('https://mocki.io/v1/b9c63035-97c5-40a0-b45c-2abdf5261bdf')
.then(response => response.json())
.then(data => setData(data))
.catch(error => {
console.log('Error fetching and parsing data', error)
})
)
}
useEffect(() => {
fetchData()
}, []);
Run Code Online (Sandbox Code Playgroud)
console.log('API DATA', data)
我正在收到回复,但我不确定为什么它无法循环。我猜是因为数据是 JSON 格式?
return (
{
data.length > 0 && data.map((item, index) => {
<div key={index}>{item.title}</div>
})
}
)
Run Code Online (Sandbox Code Playgroud)