如何在pre标签内呈现反应状态

Question

              <pre>
                {`
                    ${Object.keys(this.state.myObj).map((key, index) => (
                      this.state.myObj
                    ))}
                `}
              </pre>

我该如何渲染它以显示pre标签内的状态对象？目前它只是显示[object object]

Answer 1

这与将对象显示为字符串的其他情况没有什么不同。如果目的是显示对象，则可以是：

  <pre>
    {JSON.stringify(this.state.myObj, null, 2)}
  </pre>

JSON.stringify可能具有所有含义，即不会处理循环引用或类实例。