如何在React中列出对象中的每个键值？

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      myObject: {
        key1: 'value1',
        key2: 'value2',
        key3: 'value3'
      }
    };
  }

  render() {
    return (
      <div>
        {/* 在这里列出对象中的每个键值 */}
      </div>
    );
  }
}

export default MyComponent;

render() {
  const { myObject } = this.state;

  return (
    <div>
      {Object.keys(myObject).map(key => (
        <div key={key}>
          <span>{key}: </span>
          <span>{myObject[key]}</span>
        </div>
      ))}
    </div>
  );
}