change scrollTop in reactjs

Question

I just learn react, and want to achieve a function : both A,B are components, if A scroll, then B scroll

The following is my code

<

Answer 1

this.refs is deprecated. use reactjs.org/docs/refs-and-the-dom.html#creating-refs

import React from 'react';

class SomeComponent extends React.Component {
  constructor(props) {
    super(props);
    this.resultsDiv = React.createRef();
  }

  someFunction(){
     this.resultsDiv.current.scrollIntoView({behavior: 'smooth'});

     // alternative:
     // this.resultsDiv.current.scrollTop = 0;
  }

  render() {
    return (
      

    );
  }
}

export default SomeComponent;