小编use*_*675的帖子

我是新来反应并尝试在我的网页中实现 JSON 对象的所有键和值。我有一个下面的 JSON 结构。我希望将所有键和值打印在我的网页中，其中键应打印为标签。

{
    "key1": "value1",
    "key2": "value2",
    "key3": "value3",
    "key4":{
       "k1": "val1",
        "k2": {
        "p1": "v1",
        "p2": "v2",
        "p3": "v3"
            }
          }
        }

我编写了以下代码来获取此 JSON 的键和值。

getValues() {
        let arr = [];
        arr = Object.keys(this.props.myArr).map(key =>
            <div key={this.props.data[key]} className="row">
                <div className="col-xs-6">{key}</div>
                <div className="col-xs-6">{this.props.myArr[key]}
                </div>
            </div>

        )
        return arr;
    }
render() {
    return (
        <div>
            <Header />
            <div className="content">
                {this.getValues()}
            </div>
        </div>
    )
}

}

props.myArr 拥有整个对象。

我可以打印键和值，但不能打印 key4(p1,p2,p3) 下的嵌套对象。我希望将所有键及其值依次打印在我的网页中。有人可以告诉我哪里出了问题以及如何访问 JSON 对象的所有键（作为标签）和值。

编辑-

const myObj = {
  "key1": …