如何解决Javascript Fetch的问题

Question

下面提交的代码是axios。它运行良好，但JavaScript提取不起作用。让我知道代码中的问题是什么。如何修复。请简单地解释一下。

import React, {useEffect, useState} from 'react'
import axios from 'axios'
function Datafetching() {
const [posts, setposts] = useState([])
const getMovieRequest = async () => {
const url = `http://jsonplaceholder.typicode.com/posts`;


const response = await fetch(url);
const responseJson = await response.json()

if (responseJson.data){
setposts(responseJson.data)
console.log(responseJson.data)
}

}
useEffect(() => {
// axios.get('http://jsonplaceholder.typicode.com/posts')
// .then(res => {
//     console.log(res)
//     setposts(res.data)
// })
// .catch(err => {
//     console.log(err)
// })
getMovieRequest()        
})

return (
<div>
<ul>{
posts.map(post => <li key={post.id}>{post.title}</li>)
}
</ul>

</div>
)
}
export default Datafetching

Answer 1

responseData包含数组形式的数据，而不是responseData.data:

if (responseJson){
setposts(responseJson)
console.log(responseJson)
}