JavaScript:React:カスタムフック

カスタムフック

参考:独自フックの作成 – React

カスタムフックとは、名前が ”use” で始まり、ほかのフックを呼び出せる JavaScript の関数のことです
import { useState, useEffect } from 'react';
 
function useFriendStatus(friendID) {
  const [isOnline, setIsOnline] = useState(null);
 
  useEffect(() => {
    function handleStatusChange(status) {
      setIsOnline(status.isOnline);
    }
 
    ChatAPI.subscribeToFriendStatus(friendID, handleStatusChange);
    return () => {
      ChatAPI.unsubscribeFromFriendStatus(friendID, handleStatusChange);
    };
  });
 
  return isOnline;
}
コメントを入力:
 
  • JavaScript/React/カスタムフック.txt
  • 最終更新: 2023/05/02 19:50
  • by 白くじら