javascript - 如何通过 ReactJS 中的嵌套对象进行映射并显示所有键和值

Question

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

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;
    }

我需要有关如何制作的帮助，以便抑制规则实际上显示其中的字段。