when to use useeffect in react

useEffect react

function FriendStatusWithCounter(props) {
  const [count, setCount] = useState(0);
  useEffect(() => {    document.title = `You clicked ${count} times`;
  });

  const [isOnline, setIsOnline] = useState(null);
  useEffect(() => {    function handleStatusChange(status) {
      setIsOnline(status.isOnline);
    }

    ChatAPI.subscribeToFriendStatus(props.friend.id, handleStatusChange);
    return () => {
      ChatAPI.unsubscribeFromFriendStatus(props.friend.id, handleStatusChange);
    };
  });
  // ...
}

Posted by: Guest on June-25-2021

Source

import {useEffectOnce} from 'react-use'; const Demo = () => { useEffectOnce(() => { console.log('Running effect once on mount') return () => { console.log('Running clean-up of effect on unmount') } }); return null; };

Code answers related to "when to use useeffect in react"

Code answers related to "Javascript"

Javascript Answers by Framework

Browse Popular Code Answers by Language

Answers for "when to use useeffect in react"

Code answers related to "when to use useeffect in react"

Code answers related to "Javascript"

Javascript Answers by Framework

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us