Easy infinity loading with React

SomeInfinityLoadingSearch.js

class SomeInfinityLoadingSearch extends Component {
  state = {
    isLoading: false,
  }

  handleScroll = () => {
    if (((window.innerHeight + window.scrollY) >= document.body.offsetHeight) && !this.state.isLoading) {
      this.setState({
        isLoading: true,
      });

      // Load more content
      
      // Only call after loading finishes
      this.setState({
        isLoading: false,
      });
    }
  }

  componentDidMount = () => window.addEventListener('scroll', this.handleScroll)

  componentWillUnmount = () => window.removeEventListener('scroll', this.handleScroll)

  render() {
    const { content } = this.props;

    return (
      <div>
        <div>
          {content ?
            content.map(item => (
              <SomeRandomItem
                key={item.id}
                item={item}
              />
            )) : null
          }
        </div>
        {this.state.isLoading ?
          <div style={styles.loading}>
            Loading...
          </div>
          : null
        }
      </div>
    );
  }
}