ریدایرکت در بلاک useEffect در nextJS

ریدایرکت در بلاک useEffect در nextJS

در این نوشته روش نوشتن کدی جهت ریدایرکت کردن کاربر در بلاک useEffect را می‌دهیم. این آموزش در فریم‌ورک Next js تست و به درستی کار می‌کند.

ریدایرکت در بلاک useEffect در nextJS

برای ریدایرکت کردن کاربر در بلاک useEffect از کدهای زیر استفاده کنید:

import { useRouter } from "next/router";
import React, { useState, useEffect } from 'react';

function Home() {
    const router = useRouter();
    const [route, setRoute] = useState();

    useEffect(async() => {
        try {
            router.push('/newpage/');
        } catch(err) { }
    } , []);
    return (<></>);
}

export default Home;

اگر نیاز به ترفندهای دیگری در ارتباط با فریم‌ورک Next js یا React js دارید در بخش نظرات این نوشته آن را برای ما بنویسید.