如何从json数组reactjs类返回

class MyComponent extends React.Component {
  render() {
    return (
      <div>
        {/* 在这里处理JSON数组并返回相应的内容 */}
      </div>
    );
  }
}

render() {
  const data = [
    { id: 1, name: 'John' },
    { id: 2, name: 'Jane' },
    { id: 3, name: 'Bob' }
  ];

  const items = data.map(item => (
    <div key={item.id}>
      <span>{item.name}</span>
    </div>
  ));

  return (
    <div>
      {items}
    </div>
  );
}

ReactDOM.render(<MyComponent />, document.getElementById('root'));