使用位置挂钩时，React无法读取未定义的数组的属性
使用位置挂钩时，React无法读取未定义的数组的属性
提问于 2022-09-13 16:47:54
我试图使用useNavigate将一些数据从一个页面传递到另一个页面，useLocation hook.The数据正在传输，我正在下一个组件中接收数据，如下所示：
// sending component
const handleNavigate = () => {
navigate('/updateBlogPost', { state: { blogPost } });
};
//recieving component
const location = useLocation();
const [title, setTitle] = useState(location.state.blogPost.title);
const [description, setDescription] = useState(location.state.blogPost.description);
const [categories, setCategories] = useState(location.state.blogPost.categories);
const [content, setContent] = useState(location.state.blogPost.content);现在，我面临着类别数组的问题，因为当页面第一次呈现时，它变得没有定义，并得到以下错误：
Uncaught TypeError: Cannot read properties of undefined (reading 'map')我可以使用可选链接来消除错误，但是如何在数组可用时获取数据。我试着设置它的使用效果，但它似乎不起作用，有谁能建议一些更好的方式吗？
Stack Overflow用户
回答已采纳
发布于 2022-09-13 17:40:44
根据“位置”的依赖关系，每次在每次完成呈现后触发数据时，都可以使用useEffect获取数据。
const [categories, setCategories] = useState([]);
useEffect(() => {
if(location.state.blogPost.categories)
setCategories(location.state.blogPost.categories)
},[location])页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/73706603
复制相关文章
相似问题
腾讯云开发者
