当我在页面上滚动时,更改选项卡中标签的状态时遇到问题。我不知道 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>
))
这样做应该可以修复您的代码。
关于javascript - React.js - 在 componentDidMount() 中调用函数时状态不会更新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59399432/