时间戳

首页 > 解决方案 > 显示来自 JSON 响应的嵌套对象

javascript - 显示来自 JSON 响应的嵌套对象

问题描述

这可能是一个简单的修复，但我是新手，所以我提前道歉。我有要在列表中显示的嵌套数据。正在提取数据并显示在下方。

data: [
{
  "id": 1,
  "domain_url": "localhost",
  "created_on": "2020-05-26",
  "config": [
    {
      "test_name": "test",
      "test_description": "test",
    }
  ]
}
]

我可以让domain_url和created_on显示得很好，但是我尝试过的任何配置项都没有出现。

以下是我正在使用的当前方法。

<tbody>
  {this.props.data.map((data) => (
  <tr key={data.id}>
    <td>{data.domain_url}</td>
    <td>
      {data.config.map((sub) => {
        sub.test_name;
      })}
    </td>
    <td>{data.created_on}</td>
    <td>
    ...

如何从配置数组中获取要显示的测试名称？任何帮助，将不胜感激。谢谢！

标签： javascriptarraysjsonreactjs

解决方案

您的代码看起来正确 - 我认为您只需要在您的 'sub.test_name;' 前面添加一个 'return'</p>

推荐阅读