السلام عليكم
---------------------------------------------------------------------------------------------------------
في الكود التالي أود أن انظف الكونسول في جوجل كروم ( ()console.clear )، فما الفرق بين الطريقتين:
الأولى: أن استعمل (useEffect) كما موضح في الكود
الثانية: أن أضع السطر البرمجي مباشرة داخل (return) كما في الكود أيضا قبل اغلاق (Routes)
---------------------------------------------------------------------------------------------------------
السؤال الثاني مرتبط إذا استعملنا الطريقة الثانية:
أليس من المفترض أن يتم تنفيذ الكود (setTimeout(() => console.clear(), 1500)) اذا وضع داخل (return) في كل مرة اتوجه فيها لاي صفحة أو في الصفحة الرئيسية على الاقل، ما يحصل انه يتم تنفيذ الكود مرة واحدة فقط؟ أي لا ينفذ الا عند تحديث الصفحة بالكامل.
import { Routes, Route } from "react-router-dom";
import Home from "./routes/home/Home";
import Navigation from "./routes/navigation/Navigation";
import Authentication from "./routes/authentication/Authentication";
import { useEffect } from "react";
const App = () => {
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>
);
};
export default App;