如何在reactjs中反转无限滚动条

import React, { Component } from 'react';

class InfiniteScroll extends Component {
  constructor(props) {
    super(props);
    this.state = {
      scrollPosition: 0
    };
  }

  componentDidMount() {
    window.addEventListener('scroll', this.handleScroll);
  }

  componentWillUnmount() {
    window.removeEventListener('scroll', this.handleScroll);
  }

  handleScroll = () => {
    const scrollPosition = window.scrollY;
    this.setState({ scrollPosition });
  }

  render() {
    const { scrollPosition } = this.state;
    const { data } = this.props;

    return (
      <div className="infinite-scroll" style={{ transform: `rotate(180deg)` }}>
        {data.map((item, index) => (
          <div key={index} className="list-item" style={{ transform: `rotate(180deg)` }}>
            {item}
          </div>
        ))}
      </div>
    );
  }
}

export default InfiniteScroll;