新闻下拉加载数据html,Reactjs如何在页面渲染完之后，动态添加子组件，就像jquery的append一样，以实现无限下拉加载数据的功能...

js'use strict';

var React = require('react');

var NewsItemComponent = React.createClass({

render: function() {

return (

{this.props.title}

{this.props.content}

);

}

});

var NewsListComponent = React.createClass({

getInitialState: function() {

return {newsList: []}

},

componentDidMount: function() {

document.addEventListener('scroll', this.handleScroll);

},

componentWillUnmount: function() {

document.removeEventListener('scroll', this.handleScroll);

},

addNews: function(news) {

this.setState({newsList: this.state.newsList.concat(news)});

},

handleScroll: function() {

if (isBottom) {

ajax.request('api').then(this.addNews);

}

},

render: function() {

var newsList = this.state.newsList.map(function(news) {

return ;

});

return (

{newsList}

);

}

});