React Router - Übernehmen bei Root-URL

Question

Also ich habe React Router eingerichtet und ich versuche, es von WordPress ausführen.

Die App routet korrekt, solange Sie von der Wurzel "/" ausgehen. Wenn Sie jedoch manuell über die Adressleiste zu einer Unterseite navigieren, scheint React Router nur von dort zu übernehmen.

Zum Beispiel.

Hitting/wird die Homepage rendern. Wenn Sie auf den Link 'style-guide' klicken, wird er Sie korrekt nach/style-guide leiten und die Seite rendern.

Wenn Sie jedoch in Ihrer Adressleiste manuell zu/style-guide navigieren, wird die Homepage von reactive gerendert, und wenn Sie jetzt auf den Link style-guide klicken, gelangen Sie zu/style-guide/style-guide

Was ich tun muss, ist sagen React-Router, immer von der Root-URL zu starten.

Schauen My Routes Gefällt Ihnen dieses

import { 
    BrowserRouter as Router, 
    Route, 
    Redirect, 
    Switch, 
} from 'react-router-dom' 
import PageContainer from 'containers/pageContainer' 

class RoutesList extends React.Component { 
    render() { 
    return (
     <Router> 
     <div> 
      <Switch> 
      <Route path="/" component={PageContainer} /> 
      <Route path="style-guide" component={PageContainer} /> 
      <Route 
       render={() => { 
       return <Redirect to="/" /> 
       }} 
      /> 
      </Switch> 
     </div> 
     </Router> 
    ) 
    } 
} 

export default RoutesList 

Answer 1

Machen Sie Ihre Routen genaue Pfade

<Route exact path="/" component={PageContainer} />

<Route exact path="/style-guide" component={PageContainer} />