首先定义limit的state变量使用getInitialState方法，你没有定义的限制，这就是为什么this.state.limit是null。
定义方法的所有functions外部render。
Arrow function与renderTodos不是必需的。
{this.renderTodos()}
这样写：
var TodoList=React.createClass({
getInitialState: function(){
return {
limit: 5
}
},
onLoadMore() {
this.setState({
limit: this.state.limit + 5
});
},
renderTodos: function(){
return todos.slice(0,this.state.limit).map((todo)=>{
return(
<Todo key={todo.todo_id}{...todo} onToggle={this.props.onToggle}/>
);
});
};
render:function(){
var {todos} = this.props;
return(
<div>
{this.renderTodos()}
<a href="#" onClick={this.onLoadMore}>Load</a>
</div>
)
}
});
602392714
清零编程群