我無法訪問 Json 數據並在 React 中使用 axios 將其顯示在表格中

Question

我正在嘗試使用掛鈎訪問 json 數據並將其顯示在

標簽，但它顯示錯誤-“TypeError：states.map 不是函數”。我還使用 Array.from() 將我的 json 轉換為數組，它沒有顯示任何錯誤，但也沒有顯示任何內容。

  var rows=[{}];
  export default function Mainpage() {
const [states, setstate] = useState([]);
const getLatestJSPost = () => {
    const API_URL = "http://localhost:8080/Displaydo";
    axios
    .get(API_URL)
    .then((response) => {
        
        // rows = Array.from(response.data);

        console.log(response.data);
        setstate(response.data)

    })
    };
    useEffect(() => {
        getLatestJSPost();        
        
    }, [])
return (
    <div>
        <p>Hello</p>
        { states.map((ndata) => { 
                return <p key={ndata.doc_id}> {ndata.doc_id} </p>
                })}  
    </div>
)

}

conole.log(response.data) 看起來像console.log(response.data) 的 Output

Answer 1

你可以這樣做：

 <div>
    <p>Hello</p>
    {states.length>0 && states.map((ndata) => { 
            return <p key={ndata.doc_id}> {ndata.doc_id} </p>
            })}  
</div>