36 lines
718 B
JavaScript
36 lines
718 B
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
|
|
import { addEvent, removeEvent } from '../utils/dom';
|
|
|
|
const resizeEvent = 'resize';
|
|
|
|
export default class WindowSize extends React.Component {
|
|
handleWindowResize = () => {
|
|
if (this.props.onChange) {
|
|
this.props.onChange({
|
|
width: window.innerWidth,
|
|
height: window.innerHeight
|
|
});
|
|
}
|
|
};
|
|
|
|
componentDidMount() {
|
|
addEvent(window, resizeEvent, this.handleWindowResize);
|
|
}
|
|
|
|
componentWillUnmount() {
|
|
removeEvent(window, resizeEvent, this.handleWindowResize);
|
|
}
|
|
|
|
render() {
|
|
return null;
|
|
}
|
|
}
|
|
|
|
if (process.env.NODE_ENV !== 'production') {
|
|
WindowSize.propTypes = {
|
|
onChange: PropTypes.func
|
|
};
|
|
}
|