使用键/值对的不同结构在React中渲染JSON

问题描述

我有一个问题，关于如何从API调用中呈现json返回值（结果集在构造上有所不同）。因此，如果您有3个API调用，而每个API具有不同的结构，那该怎么办...假设一个包含first_name和last_name，但是第二个包含诸如date_time和电子邮件地址之类的不同内容，而第三个则不包含这些内容，而是包含一个数组用户？

如何编写一个映射函数来迭代包含数据的状态对象，并且该状态对象包含许多不同的结构，并且可以呈现键和值？

首次通话

{
   "first_name": "foo","last_name": "bar"
}

第二通电话

{
   "email": "[email protected]"
   "date": "some date"
}

第三次呼叫

{
   "first_name": "foo"
   "last_name": "bar"
   "users": [
       "user1","user2","user3"
   ]
}

每次api调用都会将数据返回到this.state.searchData中。寻找一种DRY优雅的方法来处理任何结构以呈现键/值对，而无需编写3种不同的方法来遍历结果。谢谢！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）