如何在元素出现后滚动到底部(使用react-slidedown)

npm install react-slidedown

import { SlideDown } from 'react-slidedown';
import 'react-slidedown/lib/slidedown.css';

state = {
  showElement: false
};

render() {
  const { showElement } = this.state;

  return (
    <div>
      <button onClick={() => this.setState({ showElement: !showElement })}>
        点击显示/隐藏元素
      </button>

      <SlideDown className={'my-slide-down'}>
        {showElement && (
          <div>
            {/* 这里是需要滚动到底部的元素 */}
          </div>
        )}
      </SlideDown>
    </div>
  );
}

.my-slide-down {
  transition: height 0.5s ease-in-out;
  overflow: hidden;
}