react中的滚动页面而不是div元素

import React from 'react';
import Scroll from 'react-scroll';

class ScrollableComponent extends React.Component {
  render() {
    return (
      <div>
        <Scroll.Element name="scrollArea" className="scroll-area">
          {/* 滚动区域的内容 */}
        </Scroll.Element>
      </div>
    );
  }
}

npm install react-scroll

import React from 'react';
import { Link, Element } from 'react-scroll';

class ScrollableComponent extends React.Component {
  render() {
    return (
      <div>
        <Link to="scrollArea" smooth={true} duration={500}>
          Scroll to Content
        </Link>
        {/* 滚动区域的内容 */}
        <Element name="scrollArea" className="scroll-area">
          {/* 滚动区域的内容 */}
        </Element>
      </div>
    );
  }
}