我在 React 數(shù)據(jù)文件中有一個(gè)這樣的數(shù)組，我正在使用該.map()方法在組件中加載 JSON 數(shù)據(jù)ProjectItem.js。打印嵌套 JSON 對(duì)象的最有效方法是什么？我現(xiàn)在想在項(xiàng)目數(shù)組中打印標(biāo)題，以便我可以調(diào)試它，在瀏覽器上顯示它。我在檢查員中看不到<div className="title"></div>，正確的功能是什么？數(shù)據(jù).json{"projects": [    {        "title": "Projecttitle1",        "category": "frontend development",        "description": "",        "desktop": [],        "mobile": []    }  ]}ProjectItem.jsimport React from 'react';import './ProjectItem.scss';import useWindowWidth from '../../Hooks/useWindowWidth.js';import { projects } from '../../data'import desktopImage from '../../Assets/Images/Projects/Desktop/123.jpg';import mobileImage from '../../Assets/Images/Projects/Mobile/123_square.jpg'const ProjectItem = ({ viewProject }) => {const imageUrl = useWindowWidth() >= 650 ? desktopImage : mobileImage;const { windowWidth } = useWindowWidth();return(    <div className="projectItem" style={{ backgroundImage: `url(${ imageUrl })`}}>        {windowWidth >= 650 &&(             <>            <div className="title">                {projects.map((data, key)=>{                        console.log(key);                    return(                        <div key={key}>                        {data.title}                        </div>                    );                })}             </div>            <div className="viewProject">{viewProject}</div>            </>        )}      </div>    );}; export default ProjectItem安慰：空的