JavaScript Change value in react js on window resize change value react,change value react-select,change props value

I'm building a photo gallery in react js. Obviously it's going to have to be responsive and I've tackled this by setting values like so in the component's render method:

let thumbWidth = window.innerWidth >= 480 ? 75 : 100;

The problem is that I need the const value to change when the window is resized. My my first attempts was to build a function like so and bind it in the constructor:

getThumbWidth = (vpWidth) => {
    if(vpWidth >= 480 ) {
        this.setState({thumbSize: 120}); 
     } else {
        this.setState({thumbSize: 50}); 
     }
}

This worked in terms of setting the variable's initial value but how do I trigger the function when the window resizes?

Have tried adding a resize function:

resize = () => this.getThumbWidth()

...and then changing getThumbWidth so that it sets the value in the component's sate - the idea being that when state is updated the component automatically rerenders:

getThumbWidth = (vpWidth) => {
    if(vpWidth >= 480 ) {
        this.setState({thumbSize: 120}); 
     } else {
        this.setState({thumbSize: 50}); 
     }
}

And then calling it via lifecycle methods as suggested in several other solutions but the event listener does not appear to be firing:

componentDidMount() {
    window.addEventListener('resize', this.resize)
}

componentWillUnmount() {
    window.removeEventListener('resize', this.resize)
}  

Still not working though... any ideas?

U can add ref attribute to container of your component:

return (
    <div
       className={mainClass}
       ref={(elem) => { this.elem = elem; }}
    >
        your gallery here
   </div>

Then in your componentDidMount u have access to all events connected to your container. Then u can invoke your function depending on changes on these events. For example:

componentDidMount() {
   const parent = this.elem.parentNode;
       if (parent.scrollHeight > parent.clientHeight) {
         parent.onscroll = (() => this.yourMethod(parent));
       } 
}