从reactjs中的json文件读取数据时，map不是一个函数

fetch('data.json')  // 替换为你的JSON文件路径
  .then(response => response.json())
  .then(data => {
    // 在这里处理获取的JSON数据
    // 确保数据已正确解析为JavaScript对象
  })
  .catch(error => {
    // 处理错误
  });

import React, { useState, useEffect } from 'react';

function MyComponent() {
  const [data, setData] = useState([]);

  useEffect(() => {
    fetch('data.json')
      .then(response => response.json())
      .then(data => {
        setData(data);  // 将数据存储在状态中
      })
      .catch(error => {
        console.error('Error:', error);
      });
  }, []);

  return (
    <div>
      {data.map(item => (
        <div key={item.id}>
          <h3>{item.title}</h3>
          <p>{item.description}</p>
        </div>
      ))}
    </div>
  );
}

export default MyComponent;