//_.app.js
import React from 'react';
import App, { Container } from 'next/app';
import Layout from '../components/layout';
import Head from 'next/head';
import Router from 'next/router';
class MyApp extends App {
componentDidMount() {
// Router.events.on('routeChangeStart', (url) => {
// alert('route changes');
// });
Router.beforePopState(({ url, as, opts }) => {
alert('before pop state');
return true;
});
}
render() {
const { Component, pageProps } = this.props;
return (
<Container>
<Head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"></link>
</Head>
<Layout>
<Component {...pageProps} />
</Layout>
</Container>
);
}
}
export default MyApp;
Привет, могу я спросить, почему, когда я нажимаю в браузере кнопки назад и вперед, router.beforepopstate вообще не запускается ..? 1. Я пытаюсь реализовать что-то, а именно: нажмите кнопку «Назад». Я сделаю что-нибудь перед тем, как перейти на следующую страницу. 2. Но когда я нажимаю кнопку возврата, ничего не происходит, только срабатывает routechangestart, когда я использую router.pu sh ... Если кто-то из вас, ребята, действительно может мне помочь, я буду очень благодарен ..