Ich suche nach Möglichkeiten, mit React das unendliche Scrollen zu implementieren. Ich bin gestoßenreagieren-unendlich-blättern und fand es ineffizient, da es dem DOM nur Knoten hinzufügt und diese nicht entfernt. Gibt es eine bewährte Lösung für React, die eine konstante Anzahl von Knoten im DOM hinzufügt, entfernt und beibehält?

Hier ist derjsfiddle Problem. In diesem Problem möchte ich nur 50 Elemente gleichzeitig im DOM haben. andere sollten geladen und entfernt werden, wenn der Benutzer einen Bildlauf nach oben und unten durchführt. Wir haben React aufgrund seiner Optimierungsalgorithmen eingeführt. Jetzt konnte ich keine Lösung für dieses Problem finden. Ich bin gestoßenairbnb unendlich js. Aber es ist mit JQuery implementiert. Um diese Airbnb-Infinite-Scroll zu verwenden, muss ich die React-Optimierung verlieren, die ich nicht tun möchte.

Beispielcode, den ich hinzufügen möchte, ist scroll (hier lade ich alle Artikel. Mein Ziel ist es, nur 50 Artikel gleichzeitig zu laden)

/** @jsx React.DOM */

var Hello = React.createClass({
    render: function() {
        return (<li>Hello {this.props.name}</li>);
    }
});

var HelloList = React.createClass({ 
     getInitialState: function() {                            
         var numbers =  [];
         for(var i=1;i<10000;i++){
             numbers.push(i);
         }
         return {data:numbers};
     },

    render: function(){
       var response =  this.state.data.map(function(contact){          
          return (<Hello name="World"></Hello>);
        });

        return (<ul>{response}</ul>)
    }
});

React.renderComponent(<HelloList/>, document.getElementById('content'));

Suche nach Hilfe...