1.在componentDidMount()中加入监听器
componentDidMount() {
    this.screenChange();
}
 screenChange() {
     window.addEventListener('resize', this.resize);
 }
resize()方法中，定义了屏幕尺寸变化后需要执行的代码



2.在constructor中绑定resize()
constructor(props) {
    this.resize.bind(this);
}

3.在componentWillUnmount()中移除监听器
componentWillUnmount() {       
    window.removeEventListener('resize',this.resize);
}
注：一定要移除监听器，否则多个组件之间会导致this的指向紊乱！！！


--------------------- 

来源：CSDN 
原文：https://blog.csdn.net/qq_41277245/article/details/79984212 

搜索