如何在React.js中显示Javascript对象？

import React from 'react';

class ObjectDisplay extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      myObject: {
        name: 'John Doe',
        age: 30,
        address: {
          street: '123 Main St',
          city: 'Anytown'
        }
      }
    };
  }

  render() {
    // 将对象转换为字符串
    const objectString = JSON.stringify(this.state.myObject, null, 2);

    return (
      <div>
        <h1>Object Display</h1>
        <pre>{objectString}</pre>
      </div>
    );
  }
}

export default ObjectDisplay;

const safeStringify = (key, value) => {
  if (typeof value === "object" && value !== null) {
    if (seen.has(value)) {
      return '[Circular]';
    }
    seen.add(value);
  }
  return value;
};

const objectString = JSON.stringify(this.state.myObject, safeStringify, 2);