React JS 显示来自 JSON 文件的外键值答案

【问题标题】：React JS Display Foreign Key Value from JSON fileReact JS 显示来自 JSON 文件的外键值
【发布时间】：2022-11-28 15:27:16
【问题描述】：

我正在尝试显示 JSON 文件中的数据列表，该文件中的 2 个变量之间存在某种关系。这是我使用的 JSON 文件：

"data": [
      {
         "id": 1383,
         "productID": "10002",
         "productName": "Test 2",
         "amount": "1000",
         "customerName" : "abc",
         "status": 1,
         "transactionDate": "2022-08-15 13:14:52",
         "createBy" : "abc",
         "createOn" : "2022-07-10 13:14:52"
      },
    ],
"status": [
        {
            "id" : 0,
            "name" : "SUCCESS"
        },
        {
            "id" : 1,
            "name" : "FAILED"
        }
    ],

我试图在使用“状态”名称属性时显示“数据”数据列表。因此，数据将显示状态名称值（状态：失败/成功），而不是显示状态值（状态：1）。

JSON 文件在我的本地项目中，我使用 axios 和 json 服务器将数据提取到 React。如何显示状态名称值？

【问题讨论】：

标签： reactjs json axios

【解决方案1】：

function getStatus(id, status) {
  const statusDetails = status.find(item=>item.id === id);
  return statusDetails?.name || 'Status not available';
}

调用此函数以获取状态

【讨论】：