如何访问字典中的所有元素 - ReactJS

Question

API returns parent 和他们的 children 在字典中。

// 以字符串为键（parent），字符串列表（children）为值的字典如下：

        { "A": ["AQ11"], "B": [], "C": ["CN22", "CL33"] }

我有两个问题，我是否正确设置了我的数据结构以保存 API 值（是否将所有 parent 和 children 添加到字典）。

以及如何遍历字典中的所有元素。谢谢

以下是我的状态：

    this.state = {
      items:
          {
                parentItemNo: "",
                childItemNo: [],              
          }

  return (
        <div>                      
            {this.state.items.parentItemNo},
            {this.state.items.childItemNo[1]}
        </div>
     )

以上 returns 只有字典的最后一个元素 -> C，CL33。

我现在已经按照建议更改了我的数据结构。

items:
      [{
            parentItemNo: "",
            childItemNo: [],              
      }]

Answer 1

我认为这里的问题是您正在保存一个具有重复键的对象。密钥 'parentItemNo' 被保存为 3 个不同的值，第一个值被最新值覆盖。你应该（如果它在你的可能性之内）保存这样一个对象数组：

items: [
    { parentItemNo: "A", childItemNo: ["AQ11"] },
    { parentItemNo: "B", childItemNo: [] },
    { parentItemNo: "C", childItemNo: ["CN22", "CL33"] }
]

然后您可以像这样访问不同的对象（或字典）：

    items[0].parentItemNo //returns "A"
    items[2].childItemNo //return ["CN22", "CL33"]

如何访问字典中的所有元素 - ReactJS

How to access all elements from dictionary - ReactJS

dictionary

reactjs

react-class-based-component