不能在 ReactJs 中将 Object.entries 与数组索引结构一起使用

Question

我在通过数组进行映射时遇到问题，我正在使用 Object.entries 来映射数据，请在下面找到 json 结构的示例。这是我尝试过的方法，但出现错误，我知道浴缸不正确。

{
  Object.entries(this.props.optionData.steps).map((t, k) => (
    <option onClick={(e) => this.optionSelectHandle(t, k)} key={k} value={t[0]}>
      {t[1]}
    </option>
  ));
}


{
    "steps": [{
            "step_num": 1,
            "description": "Description"
        },
        {
            "step_num": 2,
            "description": "Description",
            "uncommon_field": "some data"
        }
    ]
}

Answer 1

您可以简单地在以下步骤中使用地图功能：

{
  this.props.optionData.steps.map(step => (
    <option onClick={(e) => this.optionSelectHandle(e)} key={step.step_num} value={step.step_num}>
      {step.description}
    </option>
  ));
}

因为它已经是一个数组

不能在 ReactJs 中将 Object.entries 与数组索引结构一起使用

Can't use Object.entries with array index structure in ReactJs

javascript

reactjs