Node.js 如何将JSON数据映射到React组件中的数组

我在React数据文件中有这样一个数组，我使用

.map（）

方法在组件

ProjectItem.js

中加载JSON数据

问题1：已解决找出我的代码是否包含值的最有效方法是什么{data.title}目前未显示在我的页面上。我已经试过按照文档应用一些代码，请查看并帮助我

*问题2:打印嵌套JSON对象的最有效方法是什么？现在我想在projects数组中打印标题，以便调试它。在浏览器上显示。我无法在inspector控制台中看到。控制台上未显示日志（键）（函数出现问题）

Data.json

{
"projects": [
    {
        "title": "Projecttitle",
        "category": "frontend development",
        "description": "",
        "desktop": [],
        "mobile": []
    }
  ]
}

ProjectItem.js

import 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

从“React”导入React；
导入“/ProjectItem.scss”；
从“../../Hooks/useWindowWidth.js”导入useWindowWidth；
从“../../data”导入{projects}
从“../../Assets/Images/Projects/Desktop/123.jpg”导入desktopImage；
从“../../Assets/Images/Projects/Mobile/123_square.jpg”导入mobileImage
常量项目项=（{viewProject}）=>{
const imageUrl=useWindowWidth（）>=650？桌面图像：mobileImage；
常量{windowWidth}=useWindowWidth（）；
返回(
{窗宽>=650&&（
{projects.map（（数据，键）=>{
控制台日志（键）；
返回(
{data.title}
);
})} 
{viewProject}
)}  
);
}; 
导出默认项目项

控制台：

---

empty

可用于检查数组中是否有元素。

可使用数组的

length

属性确定数组是否为空

const emptyArray=[]；
常量notEmptyArray=[1,2,3]；
console.log（！emptyArray.length）；//=>符合事实的
console.log（！notEmptyArray.length）；//=>错误的

什么值？有价值吗<代码>项目长度>0？