不确定如何在react原生中显示对象内容

import React from 'react';

const MyComponent = () => {
  const myObject = { name: 'John', age: 25, city: 'New York' };

  return (
    <div>
      {JSON.stringify(myObject)}
    </div>
  );
}

export default MyComponent;

import React from 'react';

const MyComponent = () => {
  const myObject = { name: 'John', age: 25, city: 'New York' };

  return (
    <div>
      <p>Name: {myObject.name}</p>
      <p>Age: {myObject.age}</p>
      <p>City: {myObject.city}</p>
    </div>
  );
}

export default MyComponent;

import React from 'react';

const ObjectDisplay = ({ object }) => {
  return (
    <div>
      <p>Name: {object.name}</p>
      <p>Age: {object.age}</p>
      <p>City: {object.city}</p>
    </div>
  );
}

const MyComponent = () => {
  const myObject = { name: 'John', age: 25, city: 'New York' };

  return (
    <div>
      <ObjectDisplay object={myObject} />
    </div>
  );
}

export default MyComponent;