InfiniteScroll.js

import React from 'react';

class InfiniteScroll extends React.Component {
    displayName: 'InfiniteScroll';

    renderLoadMore() {
        return <button
                    className='button'
                    onClick={ this.onloadMore.bind(this) }>
                    Load more
                </button>;
    }

    renderLoadingSpinner() {
        return <button
                    className='button'
                    disabled={true}
                    >
                    <i className='icon-refresh icon-spin'></i> Loading…
                </button>;
    }

    onloadMore() {
        this.props.loadMore();
    }

    render() {
        return (
            <div>
                { this.props.children }
                { this.props.isLoading ? this.renderLoadingSpinner() : this.renderLoadMore() }
            </div>
        );
    }
}

export default InfiniteScroll;