如何解析包含多个对象的 JSON 并将其显示为 REACT JS/HTML 上的表格答案

【问题标题】：How do I parse a JSON with several objects and display it as tables on REACT JS/HTML如何解析包含多个对象的 JSON 并将其显示为 REACT JS/HTML 上的表格
【发布时间】：2022-09-25 16:32:21
【问题描述】：

所以假设我有一个如下所示的 JSON。健康记录是一个 json 对象，而检查记录是一个长度未知的 json 对象数组。如何解析healthRecords和examRecords并在HTML上显示为两张表，一张称为Health Records，一张称为React JS/HTML上的Exam Records

{
    \"healthRecords\": {
        \"name\": \"Patient Kelly\",
        \"dateofbirth\": \"1999-01-08\",
        \"height\": 155,
        \"weight\": 53,
        \"bloodtype\": \"B+\",
        \"allergies\": \"None\"
    },
    \"examRecords\": [
        {
            \"session_id\": \"123\",
            \"doctor\": \"Dr Jim\",
            \"diagnosis\": \"High Fever\",
            \"prescription\": \"150mg panadol\",
            \"sessiontime\": \"2022-09-22T16:56:36.636524+08:00\"
        },
        {
            \"session_id\": \"321\",
            \"doctor\": \"Dr Jim\",
            \"diagnosis\": \"Stomachache\",
            \"prescription\": \"150mg paracetamol\",
            \"sessiontime\": \"2022-09-22T16:57:08.848481+08:00\"
        }
    ]
}

你试过自己尝试吗？如果是，请出示代码
我建议使用 react table(npmjs.com/package/react-table) 或其他网格库，如 AG 网格。这个库对于以表格格式显示记录很有用。

标签： javascript html reactjs json

【解决方案1】：

您可以映射考试记录数组：Like This

【讨论】：