希望你们都一切顺利，我尝试寻找关于我在 ReactJS 中遇到的这个问题的具体答案，我试图映射通过本地系统获取的数组，但控制台中一直出现此错误：

TypeError: null is not an object (evaluating 'daysData.map')

这是我的代码快照，其中我从获取中初始化数组：

这是文本格式：

// Here I initalize the array with useState
  const [daysData, setDaysData] = useState(null);

  // Here is the port I'm fetching my array from.
  useEffect(() => {
    fetch('http://localhost:5001/chocolates')
      .then((resp) => resp.json())
      .then((data) => setDaysData(data));
  }, []);

  // Console logging is sending back the array with no issues
  console.log(daysData);

这是我尝试使用数组中的“id”键渲染的映射函数：

以下是文本格式的代码：

{/* Here I'm getting the error " TypeError: null is not an object (evaluating 'daysData.map') " */}
      {daysData.map((day) => (
        <div>{day.id}</div>
      ))}

以下是我尝试映射的数组示例，该数组已从中获取数据：

在此先感谢您的帮助