我遇到了一些奇怪的事情,我不知道为什么会这样。我使用来自React-Router-Dom的HashRouter,因为我试图在Github页面上托管我的项目组合。当我链接到新页面时,新页面加载得很好,但它似乎将我带到新页面的底部,而不是顶部。有人知道为什么会发生这种情况吗?
app.js:
<HashRouter>
<div>
<Navigation />
<Switch>
<Route exact path="/" component={Home} />
<Route path="/About" component={About} />
<Route path="/MyHumber" component={MyHumber} />
<Route path="/Foragr" component={Foragr} />
<Route path="/TheWatchlist" component={TheWatchlist} />
</Switch>
</div>
</HashRouter>链接:
<Col lg={6}>
<h1 className="project-title">{this.state.title}</h1>
<p>{this.state.description}</p>
<Link to={this.state.path}>
<Button>View Project</Button>
</Link>
</Col>发布于 2019-09-26 03:41:15
尝试:
import { createBrowserHistory } from 'history';
const history = createBrowserHistory();
history.listen(_ => {
window.scrollTo(0, 0)
});在HashRouter标记中:
<HashRouter history={history}>
</HashRouter>这对我很有效。
https://stackoverflow.com/questions/55348275
复制相似问题