Reactガイドを読んでいくその254
これは
Reactのガイドを読んでいく記事です。
ガイドのリンク
クリーンアップを有する副作用
まとめ
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`; });
この章はもう少し続くようなので明日はそれをやる。
今日はここまで。