x
2 سال پیش توسط x مطرح شد
2 پاسخ

اعلان قطع بودن اینترنت کاربر

من پروژه ریکتی دارم زمانی که کاربر به حسابش لاگین میشه و وقتی اینترنت کاربر قطع میشه هیچ پیغامی نمیگیره و با رفرش صفحه سفید میاد
الان میخوام زمانی که اینترنت قطع شد یک پیغام برای کاربر نمایش بدم و صفحه دیفالت مرورگر نیاد
چطور میتونم اینکارو انجام بدم؟؟


ثبت پرسش جدید
oss_vahid
تخصص : wp developer
@ossvahid 2 سال پیش مطرح شد
2

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

navigator.onLine

کد بالا مقدار بولی (bool) بر میگردونه به این شکل که اگه نت وصل بود true هستش اگه نبود false

مثال

function chkInternetStatus() {
    if(navigator.onLine) {
        alert("Hurray! You're online!!!");
    } else {
        alert("Oops! You're offline. Please check your network connection...");
    }
}

با آجاکس میشه کاری کنی تا اینترنت قطع شد به کاربر پیام بده فقط کافیه وصلش کنی به آجاکس


x
تخصص : هیچولوژیست
@SZaaaa1111 2 سال پیش آپدیت شد
2

@ossvahid ممنونم
حل شد
من به اینصورت استفاده کردم

function App() {
  const [online, setOnline] = useState(navigator);

  useEffect(() => {
    function onlineHandler() {
        setOnline(true);
    }
    function offlineHandler() {
        setOnline(false);
    }
    window.addEventListener("online", onlineHandler);
    window.addEventListener("offline", offlineHandler);
    return () => {
        window.removeEventListener("online", onlineHandler);
        window.removeEventListener("offline", offlineHandler);
    };
  }, []);

  return (
    <DataProvider>
      <Router>
      {online ? (
        <div>
          <Body />
        </div>
        ) : (
        <div> <p>not connect</p> </div>
        )}
      </Router>
    </DataProvider>
  );
}

export default App;

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام