使用map遍历对象的Reactjs

import React, { Component } from 'react';

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

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

    // 使用map方法遍历对象
    const objectArray = Object.keys(myObject).map((key) => ({
      key,
      value: myObject[key],
    }));

    return (
      <div>
        {objectArray.map((item) => (
          <div key={item.key}>
            <span>{item.key}: </span>
            <span>{item.value}</span>
          </div>
        ))}
      </div>
    );
  }
}

export default MyComponent;