使用map遍历react中的JSON对象

import React, { Component } from 'react';

class MyComponent extends Component {
  state = {
    data: {
      name: 'John',
      age: 25,
      email: 'john@example.com'
    }
  };

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

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

export default MyComponent;