如何解决Javascript获取的问题

下面提交的代码是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

import React，{useffect，useState}来自“React”
从“axios”导入axios
函数数据获取（）{
const[posts，setposts]=useState（[]）
const getMovieRequest=async（）=>{
常量url=`http://jsonplaceholder.typicode.com/posts`;
const response=等待获取（url）；
const responseJson=await response.json（）
if（responseJson.data）{
设置柱（responseJson.data）
console.log（responseJson.data）
}
}
useffect（（）=>{
//axios.get（）http://jsonplaceholder.typicode.com/posts')
//。然后（res=>{
//console.log（res）
//设置柱（res.data）
// })
//.catch（错误=>{
//console.log（错误）
// })
getMovieRequest（）
})
返回(
{
posts.map（post=>
{post.title}
）
}

)
}
导出默认数据获取

responseData

以数组形式包含数据，而不是

responseData。数据

：

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

---

“不工作”是什么意思？您调用

getMovieRequest

，然后。。。对结果不做任何处理。您是否检查了控制台中的任何错误？