پرسش

چطور با استفاده از React Router v4 به صفحه قبلی برگردیم؟

React Router v4: How to go back?

من دارم با React Router v4 کار می‌کنم و می‌خوام بدونم چطور می‌تونم به صفحه قبلی که کاربر در آن بوده برگردم. برای این کار چه راه‌حل‌هایی وجود داره و چه طوری می‌شه این کار رو پیاده‌سازی کرد؟

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

برای برگشتن به صفحه قبلی با استفاده از React Router v4، شما می‌تونید از قابلیت‌های تاریخچه (history) که React Router فراهم می‌کنه استفاده کنید. به صورت کلی، شما می‌تونید از hook useHistory برای دسترسی به اشیاء تاریخچه و همچنین متد goBack استفاده کنید.

اینجا یه مثال ساده براتون می‌زنم:

import React from 'react';
import { useHistory } from 'react-router-dom';
function GoBackButton() {
   let history = useHistory();
   const handleGoBack = () => {
   history.goBack(); // This will navigate to the previous page in the history stack
};
  return (
     <button onClick={handleGoBack}>
          Go Back
     </button>
)}
export default GoBackButton;

در این مثال، ما از hook useHistory برای دسترسی به شیء تاریخچه استفاده کردیم و متد goBack رو فراخوانی کردیم تا به صفحه قبلی برگردیم. این روش بسیار ساده و موثر برای مدیریت ناوبری در برنامه‌های React شماست.

پاسخ: 1403/06/06
آخرین آپدیت: 1403/08/16