原 React 监听屏幕尺寸变化 原 React 监听屏幕尺寸变化

原 React 监听屏幕尺寸变化

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 

分享本文至:

评论 0

挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论