如何解决Location.state 在第一次访问组件时未定义?
我像这样在 onClick 事件上通过 history.push() 传递状态
<Component
onClick={
history.push({
pathname: path,search: query,state: { from: location.pathname }
})
}
/>
并且我正在以状态为依赖项的挂钩中访问状态。
const prev_state = useRef()
const location = useLocation()
useEffect(() => {
if(location.state) {
prev_state.current = location.state
}
},[location.state])
问题是我第一次访问组件时状态总是未定义的。我可以在对同一组件的任何进一步访问中访问状态(这意味着我返回并再次返回),直到我刷新页面。为什么我不能在第一次访问时访问状态?
解决方法
我不确定您所说的“第一次访问组件”是什么意思。
如果你渲染了一个按钮并点击它转到第二个组件,而第二个组件的状态在第一次访问时总是未定义,那是因为你使用了didmount。
DidMount 在渲染之前被调用。并且第一次渲染将始终渲染未定义。
如果不是,建议您详细描述一下您的情况,因为您的描述有些混乱。
,它在你的道具中。你可以像这样访问你的历史状态对象:
this.props.location.state
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。