Javascript 如何映射ReactJS中的嵌套对象并显示所有键和值

我试图显示保存时已更改的字段列表。为此，我需要映射一个非常复杂的对象，该对象由对象和数组组成。现在问题就在对象的这一部分：

suppressionRules: {
     additional_offer_ids: [2568]
     duration: {type: "days", amount: 7}
     suppression_type: "accepted"
  proto__: Object
}

出于某种原因，当我显示它时，它是这样出现的：

suppressionRules: [object Object]

这是我用来显示对象中已更改字段的函数：

    function NumberList() {
      if (initialValues !== formValues) {
        const listItems = Object.keys(getChangedValues).map(item => {
          console.log(item + ' ' + getChangedValues[item]);
          return <li>{`${item}: ${getChangedValues[item]}`}</li>;
        });

        return <ul>{listItems}</ul>;
      }
      return null;
    }

函数NumberList（）{
if（初始值！==formValues）{
const listItems=Object.keys（GetChangedValue.map）（项=>{
日志（项+“”+GetChangedValue[项]）；
返回
{`${item}:${getChangedValue[item]}`}
；
});
返回
{listItems}
；
}
返回null；
}

---

我需要有关如何使suppressionRules实际显示其内部字段的帮助。

可能重复的是将嵌套对象转换为字符串。一种方法是使用

JSON.stringify

进行转换<代码>${JSON.stringify（getchangedvalue[item]）}。这至少可以避免输出中的

[object]

。不过，您可能需要一个嵌套的迭代。@trincot如何进行嵌套的迭代？获取对象并迭代它，就像您已经迭代外部对象一样。如果嵌套可以更深，那么考虑递归。这个网站上有很多关于如何迭代嵌套对象的问答。