data redux 组件中的异步

Question

我是 reactjs 的新手。我正在用 redux thunk 创建一个电影网站。在 home 容器中，我使用 axios 调用 API 来获取电影数据列表并保存在 store 中。

我的主容器有一个轮播组件，它通过 useSelector 获取存储中的数据并循环它以呈现许多轮播项目。问题就在这里。存储中的初始数据状态为空，当我的应用程序调用 API 时，轮播组件仍然映射它并在那里出现错误： TypeError: Cannot read property 'map' of null

我已经解决了这个问题？语法：data?.map()... 并且不会出现该错误。 我想知道我们是否有比我更好的解决方案？我的意思是它可以等到获取数据成功，而不是在任何组件中使用?.。

如果有人帮我解决问题，谢谢。你可以给我一些在实际项目中使用的关键字或库。我将研究导入 myselt。 谢谢

Answer 1

使用? 是最短的方法，或者您可以设置一个 if 条件来检查电影数组是否为空。像 if(moviesArr !== null) //做剩下的事情......

Answer 2

使用空数组而不是 null，因为电影存储的初始状态是空的。