Javascript React中的可添加表
我试图在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
我试着自己做,但似乎我没有足够的知识。在互联网上搜索了一半,但没有找到我需要的东西。提前谢谢。我建议在表格中使用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()]
如果我有什么不对劲,请告诉我。多谢各位~