如何在没有地图和反应循环的情况下呈现每个属性值？

Question

我有关于渲染对象中属性值的问题。这是我的对象，格式是JSON

Object {
    "C": { more nest JSON   },
    "B": "b"
    "A": { more nest JSON  },
}

我把这个对象保存在状态中，像这样：

this.setState({
    Object: Ojbect
})

我想按顺序 A、B、C 呈现 JSON 值。但是可以渲染其中的 none 个，并且没有语法错误。知道如何解决吗？这是我写的

render(){
    return(
    //also try :  <p> A: <pre>{JSON.Stringify(this.state.Obejct["A"], null,2)} <pre> <p>
    <p> A: <pre>{JSON.Stringify(this.state.Obejct.A, null,2)} <pre> <p>
    <p> B: <pre>{JSON.Stringify(this.state.Obejct.B, null,2)} <pre> <p>
    <p> C: <pre>{JSON.Stringify(this.state.Obejct.C, null,2)} <pre> <p>
    )

}

Answer 1

我自己关闭这个问题。最后，我发现我们不能直接在渲染器中渲染对象。所以三个解决方案：

使用map函数渲染key/value
将值解析为状态，并渲染状态
使用JSON.stringify解析对象（例如：JSON格式），将其保存为状态，并渲染状态

如何在没有地图和反应循环的情况下呈现每个属性值？

How to render each properties value without map and for loop in the react?

json

render

object

reactjs