不能在 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

您可以簡單地在以下步驟中使用 map 功能：

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

因為它已經是一個數組