ハッシュルータのバックボタンはそうのような設定に私のアプリをルータV4

Question

私が使用しているHashRouterに反応：

import {HashRouter as Router, Route, Switch, Link} from 'react-router-dom'; 

const Routing =() => (
    <Router> 
    <div> 
    <Route exact path ="/" component = {App} /> 
    <Route path ="/about" component = {About} /> 
    </div> 
    </Router> 
) 

それは素晴らしい作品が、私は、リンクをクリックしたときに/程度に移動して背中をヒットしますボタンは何も起こらない。どうすれば私のインターネットブラウザの戻るボタンは前のページに戻るでしょうか？このアプリは、違いがある場合はcreate-react-appを使用して作成されます。

Answer 1

使用Switch

スイッチは、それが排他的にルートをレンダリングするという点で独特です。対照的に、 では、場所に一致するすべてのルートが包括的にレンダリングされます。

これは、すべてのルートが一致しているため、すべてのルートがレンダリングされていることを意味します。

URLが/ aboutの場合、About、User、およびNoMatchはすべてパスに一致するため、すべて がレンダリングされます。これは、設計、私たち は、サイドバーと パン粉のように、多くの点で我々のアプリの中にルートを構成することができ、ブートストラップタブなど今

である我々が/うとしている場合、スイッチはマッチングを探し始めます =「/約」ルートパスが一致すると、スイッチはマッチを探して を停止し、約

あなたのコードは、この

import {HashRouter as Router, Route, Switch, Link} from 'react-router-dom'; 

const Routing =() => (
    <Router> 
    <Switch> 
     <Route exact path ="/" component = {App} /> 
     <Route path ="/about" component = {About} /> 
    </Switch> 
    </Router> 
)