如何在React中呈现这个对象？

import React, { useState } from 'react';

const ObjectComponent = () => {
  // 定义对象的属性和状态
  const [object, setObject] = useState({
    name: 'John',
    age: 25,
    gender: 'male'
  });

  // 定义处理对象属性的方法
  const updateName = () => {
    setObject(prevObject => ({
      ...prevObject,
      name: 'Jane'
    }));
  };

  // 在组件中呈现对象的属性
  return (
    <div>
      <p>Name: {object.name}</p>
      <p>Age: {object.age}</p>
      <p>Gender: {object.gender}</p>
      <button onClick={updateName}>Update Name</button>
    </div>
  );
};

export default ObjectComponent;