Reactガイドを読んでいくその254

これは

Reactのガイドを読んでいく記事です。

ガイドのリンク

ja.reactjs.org

クリーンアップを有する副作用

まとめ

useEffect を用いることで、コンポーネントのレンダー後に実行される様々な種類の副作用を表現できる。

 useEffect(() => {
    function handleStatusChange(status) {
      setIsOnline(status.isOnline);
    }

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

クリーンアップフェーズが必要ない副作用については何も返す必要はない。

  useEffect(() => {
    document.title = `You clicked ${count} times`;
  });

この章はもう少し続くようなので明日はそれをやる。

今日はここまで。