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

Question

这可能是一个简单的解决方法，但是我是新来的要回应的人，所以我提前致歉。我已经嵌套了要显示在列表中的数据。数据将被拉出并显示在下面。

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>
    ...

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

Answer 1

您的代码看起来正确-我认为您只需要在“ sub.test_name;”前面添加“ return”即可。