How can I pass parameter to event listener in react

user_480231 0
Viewed 483

I have component like this:

import React, { useEffect } from 'react';

const WindowFocusHandler = ({store}) => {
  // here store object is valid and work
  useEffect(() => {
    window.addEventListener('focus', () => {
      console.log('Tab is in focus... but no store object here', store);
    
    });
  });

  return <></>;
};

export default WindowFocusHandler;

And I am trying to pass store object inside listener function but failed what ever I try.

react-hooks reactjs javascript
1 Answers

Try this:

import React, { useEffect } from 'react';

const WindowFocusHandler = ({ store }) => {
  useEffect(() => {
    const fn = () => {
      console.log('Tab is in focus...', store);
    };

    window.addEventListener('focus', fn);
    return () => window.removeEventListener('focus', fn);
  }, [store]);

  return <></>;
};

export default WindowFocusHandler;
user_45450030
Related