我尝试控制台记录componentDidUpdate()window.pageYOffset
方法中的值,但它始终记录为零
这是我ParallaxHeader
在 App.js 中唯一的组件:
import React, { Component } from "react";
export default class ParallaxHeader extends Component {
constructor(){
super();
this.state ={
offset : 0,
};
this.handleScroll = this.handleScroll.bind(this);
}
componentDidUpdate(){
console.count('componentDidUpdate()');
console.log('pageYOffset:', window.pageYOffset)
}
handleScroll (event) {
this.setState({ offset: this.state.offset + 1 })
}
componentDidMount(){
window.addEventListener("scroll", this.handleScroll, true)
}
componentWillUnmount(){
window.removeEventListener("scroll", this.handleScroll,true)
}
render() {
return (//render something....
);
}
}
这是我的控制台日志消息: