Невозможно go вернуться на предыдущую страницу при использовании маршрутизатора в Reactjs - PullRequest
Новая
       20

Невозможно go вернуться на предыдущую страницу при использовании маршрутизатора в Reactjs

0 голосов
/ 26 мая 2020

Я новичок в Reactjs. Поэтому я создаю базовый веб-сайт c, на котором будет ссылка на домашнюю страницу , ссылку на политику конфиденциальности и ссылка на Условия использования . Ниже приведен код для приложения. js 

import React from 'react';
import {
  BrowserRouter as Router,
  Switch,
  Route,
  Link
} from "react-router-dom";
import PrivacyPolicy from './components/PrivacyPolicy';
import TermsAndConditions from './components/TermsAndConditions';
import Home from './components/Home';
import Footer from './components/Footer';
import Header from './components/Header';
import ReactDOM from 'react-dom';

function App() {

  return (
    <div>
      <Header/>
    <Router>
      <div>
        <nav>
          <ul>
            <li>
              <Link to="/">Home</Link>
            </li>
            <li>
              <Link to="/privacy-policy">PrivacyPolicy</Link>
            </li>
            <li>
              <Link to="/terms-and-conditions">TermsAndConditions</Link>

            </li>
          </ul>
        </nav>

        {/* A <Switch> looks through its children <Route>s and
            renders the first one that matches the current URL. */}

        <Switch>

          <Route path="/privacy-policy">
            <PrivacyPolicy />
          </Route>
          <Route path="/terms-and-conditions">
            <TermsAndConditions />
          </Route>
          <Route path="/">
            <Home />
          </Route>
        </Switch>
      </div>
    </Router>
    <Footer/>
    </div>
  );

}

export default App;

Ниже приведен код для страницы Политика конфиденциальности , которая является политикой конфиденциальности. js

import React from 'react';
import ReactDOM from 'react-dom';

function PrivacyPolicy() {

    const element =  (
        <div style={{ flex: 1, alignItems: "center", justifyContent: "center" }}>
            <span>{"some text"}</span>
        </div>
    );
    ReactDOM.render(element,document.getElementById('root'));
}

export default PrivacyPolicy;

Сейчас Код для страницы Условий использования 

import React from 'react';

function TermsAndConditions() {
    return (
        <div style={{ flex: 1, alignItems: "center", justifyContent: "center" }}>
            <span>{"some text."}</span>
        </div>
    );
}

export default TermsAndConditions;

Теперь проблема заключается в том, что всякий раз, когда я go перехожу на страницу политики конфиденциальности, щелкнув ссылку на домашней странице, я могу go перейти на страницу политики конфиденциальности и теперь при нажатии кнопки «Назад» в chrome ссылка меняется на домашнюю страницу, но страница не обновляется, она по-прежнему показывает содержимое политики конфиденциальности, хотя в случае соблюдения условий я могу вернуться.

Пожалуйста помощь

1 Ответ

0 голосов
/ 26 мая 2020

Обновите свою Политику конфиденциальности до: 

import React from 'react';


function PrivacyPolicy() {
    return (
        <div style={{ flex: 1, alignItems: "center", justifyContent: "center" }}>
            <span>{"some text"}</span>
        </div>
    );
}

export default PrivacyPolicy;
...