javascript - 我如何解决 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

标签： javascriptapiaxiosfetch

Answer 1

responseData包含作为数组的数据，而不是responseData.data：

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