Question

componentDidMount() {
  this.container = document.getElementById('container')
  const containerNode = ReactDOM.findDOMNode(this.container)
  if(containerNode) containerNode.scrollTop = 0
}

当我在我的组件中应用上面的代码时没有任何反应，只是好奇这是什么错误？我没有使用ref，我需要document.getElementById('container')来做其他事情。

Answer 1

您应该避免使用document.getElementById。相反，您应该使用ref

中提到的

render(){ 
  <div id="container"
    ref={(container) => { this.container = container; }} 
  />
}

componentDidMount() {
  this.container.scrollTop = 0
}

然后在componentDidMount中你可以做到这一点

{{1}}

滚动到顶部反应不适用于reactdom的findDOMNODE

1 个答案: