Question

我正在尝试创建一个数据结构来在React中保存动态表。目前，我将数据保存为

[
   {item00: "data 0", item01: "data 1", item02: "data 2"},
   {item10: "data 3", item11: "data 4", item12: "data 5"},
   {item20: "data 6", item21: "data 7", item22: "data 8"}
]

并添加新行意味着附加

{item30: "data 9", item31: "data 10", item32: "data 11"}

并添加新列意味着在每行的末尾插入item03，item13，item23和item33。

我的问题是，我可以使用更好的数据结构吗？我遇到了一些容易插入新列的问题。

另外，我如何保留我添加/删除的列的计数器？我确信有具体的方法可以做到这一点，但我在找到合适的搜索条件时遇到了麻烦。

Answer 1

你可以考虑这个，

将Array中的每个元素作为一行。

示例：

[{}, {}, {}, {}] //each {} is a row

将Object中的每个元素作为一列，

示例：

[
  {name: "xyz", age: "21", location: "india"}, //this will be a row
  //name, age, location will be columns
]

新行可以在Array内添加相同或更多列。

示例：

原始数据

var t = [ {name：“xyz”，年龄：“21”，地点：“india”}， ]

添加新数据

t.push({name: 'abc', age: '44', location: 'india', phone: 56654345})

渲染表将是

Name     Age     Location   Phone
--------------------------------------
xyz    | 21   |  india    |   
abc    | 44   |  india    |  56654345

希望这有帮助！

表数据结构设计

1 个答案: