Reactjs 我曾在数组中使用map函数，但它给了我一个错误

TypeError:无法读取未定义的属性“map”

我开始在图像数组中使用map函数。我用有效的方法得到的。

---

请为图像添加空检查，因为它是在获取完成后设置的，这是一个异步操作，因为在装载期间图像将为空

---

请为图像添加空检查，因为它是在获取完成后设置的，这是一个异步操作，因为在装载期间图像将为空

试试这个

---

尝试此操作

仅在完成提取后设置图像，这将在第一次渲染后发生。使用const{images，setImages}=useState[]尝试默认图像；您在哪里更新图像的状态？在获取响应后，您需要更新图像的状态。Ex。setImageresponse@techie_questie他们在这里这么做：.thenjson=>setImagesjson@Nick帕森斯，哦，对了，我忽略了。只有在第一次渲染完成后，才会设置图像。使用const{images，setImages}=useState[]尝试默认图像；您在哪里更新图像的状态？在获取响应后，您需要更新图像的状态。Ex。setImageresponse@techie_questie他们在这里这么做：.thenjson=>setImagesjson@Nick帕森斯，对了，我忽略了。

import React, { useState, useEffect } from 'react';
import './App.css';

function App() {
  const { images, setImages } = useState();

  useEffect(() =>
    fetch('https://jsonplaceholder.typicode.com/photos')
      .then(response => response.json())
      .then(json => setImages(json)),
  )
  return (
    <div>
      {images.map(image => <img src={image.url} alt="boohoo" className="img-responsive" />)}
    </div>
  )
}
export default App;

 return (
<div>
  {images&&images.map(image => <img src={image.url} alt="boohoo" className="img-responsive" />)}
</div>)

const { images, setImages } = useState([]);

import React, { useState, useEffect } from 'react';
import './App.css';

function App() {
  const [ images, setImages ] = useState([]);  // setting the initial state as  [] array 

  useEffect(() =>
    fetch('https://jsonplaceholder.typicode.com/photos')
      .then(response => response.json())
      .then(json => setImages(json)),
  )
  return (
    <div>
      {images.map(image => <img src={image.url} alt="boohoo" className="img-responsive" />)}
    </div>
  )
}
export default App;