@deion
В React можно обработать браузерную кнопку "Назад" (Back Button) с помощью следующих подходов:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
import { useHistory } from 'react-router-dom'; function MyComponent() { const history = useHistory(); useEffect(() => { const unlisten = history.listen(() => { // выполнить необходимые действия при нажатии кнопки "Назад" }); return () => { unlisten(); }; }, [history]); return <div>Мой компонент</div>; } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
import { useEffect } from 'react'; function MyComponent() { useEffect(() => { const handlePopstate = () => { // выполнить необходимые действия при нажатии кнопки "Назад" }; window.addEventListener('popstate', handlePopstate); return () => { window.removeEventListener('popstate', handlePopstate); }; }, []); return <div>Мой компонент</div>; } |
Независимо от того, какой подход вы выберете, обработка нажатия кнопки "Назад" в React может быть довольно простой. Вы можете использовать эти подходы для обработки различных сценариев, таких как переходы между страницами и изменения URL-адреса.