React Link Button 不会滚动到顶部答案

【问题标题】：React Link Button doesn't scroll to the topReact Link Button 不会滚动到顶部
【发布时间】：2020-03-30 13:00:56
【问题描述】：

有一个简单的问题，我花了太多时间。我有一个按钮，单击它会打开另一个组件。由于该组件出现在页面顶部，我还希望按钮将页面滚动到顶部。滚动的东西不起作用。不需要动画，只要点击按钮，页面就会直接跳到顶部。

<li><Link to={{ pathname: "/create"}} ><button className="create-button" onClick={() => window.scrollTo(0, 0)}>Create</button></Link></li>

【问题讨论】：

【解决方案1】：

用Link 包装button 会首先执行重定向，因此onClick 将在此处无效。在 /create 页面上呈现的组件中 scrollTo 可能会更好，并且只在挂载时这样做。

【讨论】：