Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 反应,在组件中添加组件_Reactjs - Fatal编程技术网

Reactjs 反应,在组件中添加组件

Reactjs 反应,在组件中添加组件,reactjs,Reactjs,我开始学习如何反应,我撞到了第一堵墙 我有一个列表组件,它应该显示一个行列表+用于添加新行的按钮 所有这些都在这两个GIST中: addRow方法在单击时执行,因为我可以看到console.log,但没有添加InputRow 我真的不明白为什么 这是一个小的更新(脏)代码,也不起作用。 现在只有一个文件: var InputList=React.createClass({ getInitialState:函数(){ 返回{ 行数:1 } }, GetClassName:函数(){ 如果(th

我开始学习如何反应,我撞到了第一堵墙

我有一个列表组件,它应该显示一个行列表+用于添加新行的按钮

所有这些都在这两个GIST中:

addRow方法在单击时执行,因为我可以看到console.log,但没有添加InputRow

我真的不明白为什么

这是一个小的更新(脏)代码,也不起作用。 现在只有一个文件:

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});
},

就在你发表评论前几分钟,我做了类似的事情:*也不起作用。