如何在reactjs中渲染对象？

import React from 'react';

// 创建一个React组件
function MyComponent() {
  // 定义一个对象
  const myObject = {
    name: 'John',
    age: 25,
    occupation: 'Developer'
  };

  // 使用JSX语法渲染对象
  return (
    <div>
      <h1>{myObject.name}</h1>
      <p>Age: {myObject.age}</p>
      <p>Occupation: {myObject.occupation}</p>
    </div>
  );
}

export default MyComponent;

<div>
  <h1>John</h1>
  <p>Age: 25</p>
  <p>Occupation: Developer</p>
</div>