**React 和 Node 的新手,正在嘗試按照一些教程將數(shù)據(jù)提取到功能組件中。我設(shè)法創(chuàng)建了服務(wù)器并建立了數(shù)據(jù)庫連接并按照 tuts 獲取數(shù)據(jù)以做出反應(yīng),但是當(dāng)我繼續(xù)通過輸出數(shù)據(jù)來使用數(shù)據(jù)時,我沒有得到任何結(jié)果。我附上了控制臺的截圖,它顯示我的狀態(tài),練習(xí),有數(shù)據(jù)。任何人都可以通過指導(dǎo)我錯在哪里來幫助我。也許它是一個對象數(shù)組,我需要將它轉(zhuǎn)換成其他東西?**import React,{useState,useEffect} from 'react';import axios from 'axios';const Navbar = () => {const [exercises, setCount] = useState([]);useEffect(() => { axios .get('http://localhost:5000/exercises/') .then(response => { setCount([...exercises, response.data]); })}, []);console.log({exercises});var formatted = exercises.map((item) => {return( <div key="1"> <p>{item.username}</p> <p>{item.duratiom}</p> </div>)}); return( <div> {formatted} </div>) ;}export default Navbar;[![enter image description here][1]][1]從服務(wù)器獲取調(diào)用router.route('/').get((req,res) => {Exercise.find() .then(exercises => res.json(exercises)) .catch(err => res.status(400).json('Error:'+err));});
在反應(yīng)中顯示對象數(shù)組
喵喵時光機(jī)
2023-06-09 15:20:21