Javascript 如何使用.map（）迭代对象并创建<；项目/>；

我创建了一个带有标签和值键的对象。现在我要做的是使用.map（）函数为对象中的每个项创建

// my object
const ageData = [...Array(71)].map((x, i) => ({ label: i + 10, value: i + 10 }));
//My object looks like 0: {label: 10, value: 10} 1: {label: 11, value: 11}

//What I want to create
<Item label=10 value=10 />
<Item label=11 value=11 />

//My current non-working solution
ageData.map(obj => <Item label=obj.label value=obj.value />)

//我的对象
constagedata=[…数组（71）].map（（x，i）=>（{label:i+10，value:i+10}））；
//我的对象看起来像0:{label:10，value:10}1:{label:11，value:11}
//我想创造什么
//我当前的非工作解决方案
ageData.map（obj=>）

正如上面提到的注释者所说，语法需要做一些工作。使用一个功能组件可以是这样的：

const Items = props => {
  return (
    <div>
      {props.someArray.map(obj => (<Item label={obj.label} value={obj.value} />))}
    </div>
  )
}

---

这是正确的方法，只需使用有效的JSX语法即可。正如@jornsharpe提到的，使用正确的JSX{}，并且不要忘记键属性这是正确的方法吗？ageData2.map（obj=>）@sinan…它能工作吗？不，它说找不到变量obj

<Items someArray={ageData} />

const Items = props => (
  <div>
    {props.someArray.map(obj => (<Item label={obj.label} value={obj.value} />))}
  </div>
)