[英]React.js - State doesn't update when function is called in componentDidMount()
当我在页面上滚动时,我在更改选项卡中标签的状态时遇到问题。 我不知道 componentDidMount() 是否对此负责,但是我尝试了很多方法,但无法找到解决方案。 这是代表我所有问题的演示: https : //codesandbox.io/embed/clever-babbage-bzlbe?fontsize=14&hidenavigation=1&theme=dark
如果您注意到,第二次向下滚动时阴影会丢失过渡,但是如果您删除this.setState
,它将是完美的。 这怎么可能解决?
您使用的是this.setState.scrolled
而不是this.state.scrolled
并且您将true
分配给它而不是检查
(this.state.scrolled == true ? (
"THIS NEEDS TO CHANGE"
) : (
<Box
fontFamily="Nunito"
fontSize={18}
fontWeight={700}
color="text.secondary"
className="text-uppercase pr-4"
>
TO THIS
</Box>
))
这样做应该可以修复您的代码。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.