0
سبد خرید من 0 دوره
سبد خرید شما خالیست :(
پرسش

چطور می‌تونیم به مسیر قبلی برگردیم در React Router DOM v6؟

چطور می‌تونیم در React Router DOM v6 به مسیر قبلی برگردیم؟ من از نسخه 6 استفاده می‌کنم و می‌خوام بدون استفاده از history.goBack() یا روش‌های قدیمی، این کار را انجام دهم. آیا راه‌حلی برای این کار وجود دارد؟

1403/06/05
پاسخ
محمدامین سعیدی راد
بیوگرافی محمدامین سعیدی راد

برای برگشت به مسیر قبلی در React Router DOM v6، می‌تونی از hook هایی که خود React Router ارائه میده استفاده کنی. یکی از روش‌های ساده برای این کار استفاده از hook useNavigate هست. این hook اجازه میده که به راحتی بین مسیرها جابجا بشی.

در زیر یک نمونه کد برای برگشت به مسیر قبلی آورده شده:

import React from 'react';
import { useNavigate } from 'react-router-dom';
function GoBackButton() {
   const navigate = useNavigate();
   
   const handleGoBack = () => {
    navigate(-1); // Navigate to the previous route
   };
 return (
     <button onClick={handleGoBack}>
        Go Back
     </button>
)};
export default GoBackButton;
پاسخ: 1403/06/05
آخرین آپدیت: 1403/08/09