أليس من المفترض أن يتم تنفيذ الكود (setTimeout(() => console.clear(), 1500)) اذا وضع داخل (return) في كل مرة اتوجه فيها لاي صفحة أو في الصفحة الرئيسية على الاقل، ما يحصل انه يتم تنفيذ الكود مرة واحدة فقط؟ أي لا ينفذ الا عند تحديث الصفحة بالكامل.
import{Routes,Route} from "react-router-dom";importHome from "./routes/home/Home";importNavigation from "./routes/navigation/Navigation";importAuthentication from "./routes/authentication/Authentication";import{ useEffect } from "react";constApp=()=>{
useEffect(()=>{
setTimeout(()=> console.clear(),1500);},[]);return(<Routes><Route path="/" element={<Navigation/>}><Route index={true} element={<Home/>}/><Route path="auth" element={<Authentication/>}/></Route>{setTimeout(()=> console.clear(),1500)}</Routes>);};exportdefaultApp;
السؤال
مهند مثقال
السلام عليكم
---------------------------------------------------------------------------------------------------------
في الكود التالي أود أن انظف الكونسول في جوجل كروم ( ()console.clear )، فما الفرق بين الطريقتين:
الأولى: أن استعمل (useEffect) كما موضح في الكود
الثانية: أن أضع السطر البرمجي مباشرة داخل (return) كما في الكود أيضا قبل اغلاق (Routes)
---------------------------------------------------------------------------------------------------------
السؤال الثاني مرتبط إذا استعملنا الطريقة الثانية:
أليس من المفترض أن يتم تنفيذ الكود (setTimeout(() => console.clear(), 1500)) اذا وضع داخل (return) في كل مرة اتوجه فيها لاي صفحة أو في الصفحة الرئيسية على الاقل، ما يحصل انه يتم تنفيذ الكود مرة واحدة فقط؟ أي لا ينفذ الا عند تحديث الصفحة بالكامل.
3 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.