javascript - Reactjs 选择框无法附加选项值

Question

{this.props.datacat.forEach(function (key,value) {

  Object.keys(key).forEach(function(key2,value2) {
       console.log("yes");
       if(key2 == 'name'){
           return <Option value="zzz" key="bbb">fff</Option>;

       }
   })
})}  

//this.props.datacat的数据

[
  {
    "4967": "Others.",
    "4968": "Sports & Beachwear > Others.",
    "4969": "Lingerie & Nightwear > Others.",
    "4971": "Pants & Shorts > Others.",
    "name": "Women Clothes"
  },
  {
    "4798": "Supplements > Others.",
    "4802": "Men's Grooming > Others.",
    "4952": "Others.",
    "4953": "Medical Supplies > Others.",
    "4954": "Personal Pleasure > Others.",
    "4955": "Personal Care > Others.",
    "4956": "Pedicure & Manicure > Others.",
    "6647": "Lips > Lip Tint"
    "name": "Health & Beauty"
  }
]

我是 reactjs 的初学者，我有一些数据，想遍历它并呈现以选择框值。在上面的代码中，我尝试循环数据并呈现以选择框选项值。它在控制台日志中成功打印 yes 但 html 未按预期呈现。以前有人遇到过这样的问题吗？请帮助:(。

UI

console log

Answer 1

forEach 方法只循环项目。我强烈建议您尝试 .map 数组辅助方法。

要使其与 .forEach 一起使用，请创建空数组并插入您的 Option 组件。

然后返回你的空数组