Question

反应路由器@ 5.0.0

react-router-dom@5.0.0

当我第一次单击<Sidebar />中的类别链接时，我想打开类别页面。因此，URL /category/news正在发生并且可以正常工作。但是，当我单击此URL中的链接/category/sport时，URL会更改，但视图仍保留在/category/news视图中。因此视图不会改变。

我没有这个问题，我点击了<Header />

中的链接

我还研究了在Github中遇到相同问题的人的解决方案，但我的项目仍在继续。

我还能如何解决此问题？

这是我项目的一个小版本； https://1326ol8qw4.codesandbox.io/

index.js

import { BrowserRouter as Router } from 'react-router-dom';

    ReactDOM.render(
        (
            <Router >
                <App />
            </Router>
        )
        ,document.getElementById('root'));

App.js

import React, { Component } from 'react';
import {Switch, Router, Route, Redirect} from 'react-router-dom';
import Header from './Header';
import Sidebar from './Sidebar';
import Footer from './Footer';
import PageHome from './Components/PageHome';
import PageAbout from './Components/PageAbout';
import PageContact from './Components/PageContact';
import PageCategoryDetail from './Components/PageCategoryDetail';
import PostDetails from './Components/PostDetails';


class App extends Component{

  render()
  {
    return(
      <div>
          <Header />
               <Switch basename="{process.env.PUBLIC_URL}">
             <Route exact={true} path='/' render={(routeProps) => (<PageHome {...routeProps} PostItems={this.state.PostItemProps} />)} />
             <Route path='/yazi/:slug' Component={PostDetails} />
             <Route path='/kategori/:slug' component={PageCategoryDetail}></Route>
             <Route exact={true} path='/kimim-ben' component={PageAbout}/>
             <Route exact={true} path='/iletisim' component={PageContact}/>
             <Route render={this._redirectToHome} />
         </Switch>
       <Sidebar />
           <Footer/>
      </div>
    )
  }
}

export default App;

React-URL正在更改，但视图未更改

0 个答案: