[Browser] Virtualized swipeable views unmount and remounts all children on each swipe

When trying the example on the readme, I noticed that at each swipe all views with an index in range for being rendered were unmounted and remounted. I would only expect the last view to be mounted and the first one to be unmounted. All other should at most be updated.

Here is a slighly modified example that logs component mounting and unmounting. And below is the output I get as I swipe from index number 4 to index number 5.

import React, {Component} from 'react';
import ReactDOM from 'react-dom';
import SwipeableViews from 'react-swipeable-views';
import {virtualize} from 'react-swipeable-views-utils';
const VirtualizeSwipeableViews = virtualize(SwipeableViews);
class Slide extends Component {
    componentDidMount() {
        console.log(this.props.index, 'did mount');
    }
    componentWillUnmount() {
        console.log(this.props.index, 'will unmount');
    }
    render() {
        const index = this.props.index;
        return <div>{`slide n°${index}`}</div>;
    }
}

const slideRenderer = ({key, index}) => {
    return (
        <Slide key={key} index={index} />
    );
};

const node = document.getElementById('app');
const root = <VirtualizeSwipeableViews slideRenderer={slideRenderer} />;
ReactDOM.render(root, node);

[bmueller-sykes]

Oh, right! I’m so sorry! I get it now. Thanks so much for your patience.

[oliviertassinari]

then I get 6 SLIDE MOUNT declarations when VirtualizeSwipeableViews first loads. Is that expected?

@bmueller-sykes Yes, It’s. We prerender the slides forward and backward.