我是ReactJS的新手,正在尝试一个简单的项目.基本上,该代码段会从数组中创建一个朋友列表,并显示朋友的总数.
由于某种原因,当我添加一个新朋友时,我意识到incrementFriendsCount函数抛出"最大调用堆栈超出错误"
下面的代码片段也可以在JSFiddle上找到.
var HelloUser = React.createClass({
getInitialState: function() {
return {
name: "Toyosi",
friends: ["Susanna", "Jibola", "Worreva"],
friendsCount: 0
}
},
addFriends: function(friend) {
this.setState({
friends: this.state.friends.concat([friend])
});
},
componentWillMount: function() {
this.setState({
friendsCount: this.state.friends.length
});
},
incrementFriendsCount: function() {
this.setState({
friendsCount: this.state.friends.length
});
},
render: function() {
return ( < div >
Villain: {
this.state.name
}, No of friends: {
this.state.friendsCount
} < br / >
< AddingTheFriend addNew = {
this.addFriends
}
incCount = { …reactjs ×1