Reactjs 反应,在组件中添加组件
我开始学习如何反应,我撞到了第一堵墙 我有一个列表组件,它应该显示一个行列表+用于添加新行的按钮 所有这些都在这两个GIST中: addRow方法在单击时执行,因为我可以看到console.log,但没有添加InputRow 我真的不明白为什么 这是一个小的更新(脏)代码,也不起作用。 现在只有一个文件:Reactjs 反应,在组件中添加组件,reactjs,Reactjs,我开始学习如何反应,我撞到了第一堵墙 我有一个列表组件,它应该显示一个行列表+用于添加新行的按钮 所有这些都在这两个GIST中: addRow方法在单击时执行,因为我可以看到console.log,但没有添加InputRow 我真的不明白为什么 这是一个小的更新(脏)代码,也不起作用。 现在只有一个文件: var InputList=React.createClass({ getInitialState:函数(){ 返回{ 行数:1 } }, GetClassName:函数(){ 如果(th
var InputList=React.createClass({
getInitialState:函数(){
返回{
行数:1
}
},
GetClassName:函数(){
如果(this.props.type==‘收入’){
返回'col-md-4'+this.props.type;
}else if(this.props.type==‘费用’){
返回'col-md-4 col-md-offset-1'+this.props.type;
}
},
addRow:函数(){
this.state.rowCount=this.state.rowCount+1;
这个。render();
},
渲染:函数(){
var输入=[];
对于(var i=0;i不存储状态中的组件列表。
而是将收入行计数和支出行计数存储在状态中。
使用单击处理程序增加这些计数。
使用render方法根据计数生成所需的行。此.render()不执行任何操作。如果查看函数,它只执行一些计算并返回一些数据(虚拟dom节点)
您应该使用setState,而不是直接修改它。这更干净,并且允许react知道某些内容发生了更改
addRow: function () {
this.setState({rowCount: this.state.rowCount + 1});
},
就在你发表评论前几分钟,我做了类似的事情:*也不起作用。