如何在react中迭代JSON文件？

import jsonData from './data.json';

constructor(props) {
  super(props);
  this.state = {
    data: jsonData
  };
}

render() {
  const { data } = this.state;
  const items = data.map((item, index) => (
    <div key={index}>
      <span>{item.name}</span>
      <span>{item.age}</span>
    </div>
  ));
  return <div>{items}</div>;
}

[
  {
    "name": "John",
    "age": 25
  },
  {
    "name": "Jane",
    "age": 30
  }
]

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