时间戳

首页 > 解决方案 > 使用反应钩子时无法读取未定义的属性

reactjs - 使用反应钩子时无法读取未定义的属性

问题描述

我收到错误“无法读取未定义的属性 'map'”，但无法找出原因 - map 无法工作，因为 'movies' 未定义。你能看出我做错了什么吗？非常感谢。


const Dashboard = () => {
  const discoverUrl = 'https://movied.herokuapp.com/discover';
  const [movieList, setMovies] = useState({ movies: [] });

  useEffect(() => {
    const getAllMovies = () => {
      fetch(discoverUrl)
        .then(response => response.json())
         .then(data => setMovies(data))
        }
        getAllMovies()

      }, [])

  return (
    <ul>
      {movieList.movies.map(movie => (
        <li>
          <p>{movie}</p>
        </li>
      ))}
    </ul>
  );
}

export default Dashboard```

TypeError: Cannot read property 'map' of undefined

标签： reactjsreact-hooksuse-effect

解决方案

您响应数据 mybe 一个列表，或者undefined您需要这样做：

setMovies(pre => ({
  ...pre,
  movies: data || []
}))

推荐阅读