infinite.js

    getInitialState() {
        return {
            rows: this.buildRows(0, 15),
            isInfiniteLoading: false,
            data: this.props.data
        };
    },

    render() {
        return (
            <div className="infinite-container">
                <div className="infinite-header">Rules</div>
                <Infinite
                    elementHeight={30}
                    containerHeight={390}
                    infiniteLoadBeginEdgeOffset={330}
                    onInfiniteLoad={this.onInfiniteLoad}
                    loadingSpinnerDelegate={this.loadingRows()}
                    isInfiniteLoading={this.state.isInfiniteLoading}
                >
                    {this.state.rows}
                </Infinite>
            </div>
        )
    },

    buildRows(start, end) {
        const newData = (this.state.data || []).slice(start, end);
        // Or
        const newData = (this.state ? this.state.data : []).slice(start, end);
        
        return newData.map(row => this.createRow(row));
    },