【问题标题】:React Renders at the bottom of my component! no the topReact Renders 在我的组件底部!没有顶部
【发布时间】:2019-06-14 01:51:12
【问题描述】:

当我点击移动视图中的一个链接时,它会为产品详细信息页面呈现一个新组件。

但是渲染的视图总是从底部开始..

如何更改它以始终从顶部显示新组件??

【问题讨论】:

标签: reactjs react-router react-router-dom


【解决方案1】:

对于借助钩子的无状态组件,您可以通过以下方式实现:

useEffect(() => {
   window.scrollTo(0,0);
}, [])

【讨论】:

    【解决方案2】:

    你可以试试这个:

    componentDidMount() {
      window.scrollTo(0, 0)
    }
    

    【讨论】:

    • 如果它在无状态组件上怎么办?
    • 好的,这就是我所做的: const componentX = ({ something }) => { window.scrollTo(0, 0) return (
      some HTML code
      ) }
    猜你喜欢
    • 2021-08-19
    • 2018-02-05
    • 2020-11-11
    • 2012-03-24
    • 1970-01-01
    • 2022-08-17
    • 2023-04-04
    • 1970-01-01
    • 2021-10-05
    相关资源
    最近更新 更多