موارد استفاده از کاستوم هوک ها

یونس قربانی

سلام دوست من

در فصل هوک ها در این زمینه صحبت کرده بودم

وقتی منطقی برای کامپوننت پیاده سازی کردی که این منطق میتونه در دیگر کامپوننت ها هم استفاده بشه تبدیلش میکنه به یک هوک سفارشی تا یک بار نوشته و ازش استفاده کنی همه جا

مثلا بررسی آنلاین یا آفلاین بودم کاربر میتونه یک هوک سفارشی باشه چون خیلی جاها مورد استفاده قرار میگیره

import { useState, useEffect } from 'react';

function useFriendStatus(friendID) {
  const [isOnline, setIsOnline] = useState(null);

  useEffect(() => {
    	//......
    }

   		///////.........
  });

  return isOnline;
}

خیلی ساده به این شکل ساخته و استفاده میشه

function FriendStatus(props) {
  const isOnline = useFriendStatus(props.friend.id);

  if (isOnline === null) {
    return 'Loading...';
  }
  return isOnline ? 'Online' : 'Offline';
}