如何在React中构造js对象

function MyComponent() {
  const myObject = new Object();
  myObject.name = 'John';
  myObject.age = 25;
  myObject.gender = 'male';

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

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.myObject = {
      name: 'John',
      age: 25,
      gender: 'male'
    };
  }

  render() {
    return (
      <div>
        <p>Name: {this.myObject.name}</p>
        <p>Age: {this.myObject.age}</p>
        <p>Gender: {this.myObject.gender}</p>
      </div>
    );
  }
}