Javascript 使用onClick和setState更新父用户界面会向上滚动

Javascript 使用onClick和setState更新父用户界面会向上滚动,javascript,reactjs,Javascript,Reactjs,具体来说,我的问题是我有一个切换按钮,我用它在两个UI之间切换,一个更高。此切换按钮是更新UI的子按钮。当我从主界面向下滚动一点并切换到更高的视图时,它会向上滚动。当滚动位置位于主UI上方时,它不会以其他方式执行此操作 要查看它的运行情况,请在左侧的浏览面板下选择一个项目,向下滚动一点,然后单击右侧的比较旁边的切换按钮 只有当我从较低的UI更新到较高的UI时,它才会向上滚动 ,但我从一开始就有 我的经纪人是: handleCompareToggleClick: function(e) {

具体来说,我的问题是我有一个切换按钮,我用它在两个UI之间切换,一个更高。此切换按钮是更新UI的子按钮。当我从主界面向下滚动一点并切换到更高的视图时,它会向上滚动。当滚动位置位于主UI上方时,它不会以其他方式执行此操作

要查看它的运行情况,请在左侧的
浏览面板
下选择一个项目,向下滚动一点,然后单击右侧的
比较
旁边的切换按钮

只有当我从较低的UI更新到较高的UI时,它才会向上滚动

,但我从一开始就有

我的经纪人是:

handleCompareToggleClick: function(e) {
    e.preventDefault();
    this.setState({compare: !this.state.compare});
},

事实上,我的源代码是巨大的,所以你可以找到它。切换按钮属于
ResultGroupTitle
,更新的UI是
resultgroups

您是否能够解决此问题。我面临着类似的问题。即使在e.preventDefault()之后,它也会滚动回top@vipin8169不。我仍然有同样的问题。有趣的是,它只对一次切换执行此操作,而不是对另一次单击执行此操作。实际上,我删除了tat开发版本,并在我的问题中进行了更新。你能解决这个问题吗?这个页面现在似乎很好用。@jhegedus它确实很好用。据我记忆所及,我只是将组件移动到单独的JSX文件中,并可能升级了React版本(当时没有使用v15,感觉有点慢)。我真的没有做任何事情来解决它,但是的,它现在看起来很好。可能是浏览器的问题,最近已经解决了。希望当时我能在我的问题中添加更多的细节,比如浏览器版本和其他东西。在我的例子中,有一个
窗口。在同一页的另一个组件中,我忘记了滚动到
。每次页面更新时,组件都会导致滚动。