我正在学习 React。我有 4 个子页面的页面,我使用 React Router 浏览这些页面。除了重新加载页面外,一切正常。当我从页面“主页”转到“关于”或其他页面时,它可以,但是当我刷新页面时,它会再次呈现“关于”页面一秒钟,然后将页面更改为主页(主页是默认页面/第一页)。希望它停留在当前呈现的页面上,而不是每次刷新后返回主页。在 index.js 文件中有我的代码,我在其中渲染整个应用程序并使用路由器:
<Provider store={store}>
<Router path="/" history={browserHistory}>
<Route path="/home" component={App}>
<Route path="/" component={Home}/>
<Route path="/allhotels" component={AllHotels}/>
<Route path="/addhotel" component={AddHotel} />
<Route path="/about" component={About} />
</Route>
<Route path="/signin" component={SignIn} />
<Route path="/signup" component={SignUp} />
</Router>
</Provider>, document.getElementById('root')
在“应用程序”中,我有导航,在那里我呈现来自 Home、AllHotels 等的其余内容。
有来自 App.jsx 的代码
class App extends Component {
render() {
return (
<div className="app-comp">
<Navigation />
<div> {this.props.children}</div>
</div>
)
}
}
我还附上了显示我的问题的 gif。
在后端,如果重要的话,我会使用 Firebase。
提前致谢。