Javascript 如何在react中使用本地json文件打印数据

朋友们

我试图使用json本地数据打印所有10个标题，我在控制台上显示它们，我编写了map函数，以便调用back to按钮下的所有标题，正如您看到的显示1个框一样。 jsx代码也在下面。如何将它们制作为卡片？

请尝试以下方法：

const menus = Datas.map((result) => {
  <div className="menus-cards" key={result.key}>
    {result.description}
  </div>
};
return (
  <div className="main-menu-items">
    <button className="back-up-button" onClick={handleClickBack}>Back to</button>
    <div className="center-of-main">
      {menus}
    </div>
  </div>
);

const menus=Datas.map（（结果）=>{
{result.description}
};
返回(
回到
{菜单}
);

---

移动了在

返回

之外的菜单上的迭代，修复了

键

属性，并将值分配给

菜单

变量。然后在

返回

内部，您可以通过

{menus}

进行渲染。在您的代码段中，您似乎对

数据

进行了错误的迭代（例如：您调用

items.caption

但

items

是一个数组）。

如果您只想打印数据，而不想设置样式，只想查看数据，请执行此操作

{JSON.stringify(Datas)}