Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.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
Javascript React中的可添加表_Javascript_Reactjs_Typescript_Twitter Bootstrap_Material Ui - Fatal编程技术网

Javascript React中的可添加表

Javascript React中的可添加表,javascript,reactjs,typescript,twitter-bootstrap,material-ui,Javascript,Reactjs,Typescript,Twitter Bootstrap,Material Ui,我试图在React中创建一个表,它可以添加和删除行。当用户向行中添加数据时,我保存它(可能处于状态)并使用它 所以它必须有这样的逻辑 我试着自己做,但似乎我没有足够的知识。在互联网上搜索了一半,但没有找到我需要的东西。提前谢谢。我建议在表格中使用ES6地图。 state={dataMap:newmap().set(0,{name:null}),} (key=0,1,2,3…,value={name:“xxx”,gmail:xxx@xxx,电话:“xxx”}) 按add row时,dataMap

我试图在React中创建一个表,它可以添加和删除行。当用户向行中添加数据时,我保存它(可能处于状态)并使用它

所以它必须有这样的逻辑


我试着自己做,但似乎我没有足够的知识。在互联网上搜索了一半,但没有找到我需要的东西。提前谢谢。

我建议在表格中使用ES6地图。
state={dataMap:newmap().set(0,{name:null}),}

(key=0,1,2,3…,value={name:“xxx”,gmail:xxx@xxx,电话:“xxx”})

按add row时,dataMap添加一个键。例如:

addRow = () => {
        this.setState({ dataMap: this.state.dataMap.set(Math.max(...this.state.dataMap.keys()) + 1, {}) })
}
表是由这个数据映射的值构造的
[…this.state.dataMap.values()]

如果我有什么不对劲,请告诉我。多谢各位~