0

我尝试控制台记录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....
        );
    }
}

这是我的控制台日志消息:

此处显示的控制台日志消息

4

0 回答 0