首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >React- Router -Dom Hash Router

React- Router -Dom Hash Router
EN

Stack Overflow用户
提问于 2019-03-26 08:34:51
回答 1查看 1.2K关注 0票数 1

我遇到了一些奇怪的事情,我不知道为什么会这样。我使用来自React-Router-Dom的HashRouter,因为我试图在Github页面上托管我的项目组合。当我链接到新页面时,新页面加载得很好,但它似乎将我带到新页面的底部,而不是顶部。有人知道为什么会发生这种情况吗?

app.js:

代码语言:javascript
运行
复制
  <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>

链接:

代码语言:javascript
运行
复制
  <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>
EN

Stack Overflow用户

发布于 2019-09-26 03:41:15

尝试:

代码语言:javascript
运行
复制
import { createBrowserHistory } from 'history';

const history = createBrowserHistory();

history.listen(_ => {
  window.scrollTo(0, 0)  
});

在HashRouter标记中:

代码语言:javascript
运行
复制
    <HashRouter history={history}>

    </HashRouter>

这对我很有效。

票数 2
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55348275

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档