**React 和 Node 的新手，正在嘗試按照一些教程將數據提取到功能組件中。我設法創建了服務器并建立了數據庫連接并按照 tuts 獲取數據以做出反應，但是當我繼續通過輸出數據來使用數據時，我沒有得到任何結果。我附上了控制臺的截圖，它顯示我的狀態，練習，有數據。任何人都可以通過指導我錯在哪里來幫助我。也許它是一個對象數組，我需要將它轉換成其他東西？**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]從服務器獲取調用router.route('/').get((req,res) => {Exercise.find()    .then(exercises => res.json(exercises))    .catch(err => res.status(400).json('Error:'+err));});