尝试在模态内渲染对象数据时，对象无法作为React子对象

Question

我正在尝试打印一个对象，但是我收到了上述错误。 这是我的代码：

        <Modal
          mask={false}
          title={that.state.selectedDbName}
          visible={statsmodalVisible}
          onCancel={that.handleOtherCancel}
          style={{ minWidth: '75%', textAlign: 'center',}}
          footer = {
            [<Button type="primary" key="modalDismissButton"
            onClick={this.handleOtherCancel}> Dismiss</Button>]
          }
        >
          {data}
        </Modal>

此处数据是我尝试在模式中显示的对象。 我也试过这个， data.toString（）但是输出是[object Object]

任何人都可以指出我正确的方向。

Answer 1

如果要打印对象的内容，可以使用

JSON.stringify(data)

这会将对象序列化为如下所示：

{
  "key1": "value1",
  "key2": ["value2", "value3"],
  "key3": {...},
  ...
}

它将忽略对象中的函数。

调用data.toString()将调用对象上的内部toString function。
对象中的默认行为确实是打印[object Object]。