Custom Hook — تحدي React

أنشئ Hook اسمه useLocalStorage(key, initialValue) يقرأ القيمة من localStorage عند البداية (JSON.parse)، ويحفظها عند التغيير (JSON.stringify)، ويرجع [value, setValue].

// أنشئ custom hook يخزن ويسترجع من localStorage
// مع sync عند تغيير القيمة

function useLocalStorage(key, initialValue) {
  // أكمل الكود
}

// مكون تجريبي يستخدم الـ Hook
function Demo() {
  const [name, setName] = useLocalStorage('name', '');
  return <div>{name}</div>;
}

حل هذا التحدي يرتبط بفتح دورة «مقدمة React» بحسابك.