Javascript 在reactjs中的组件组合期间使用.map

我可以完全渲染以下内容：

    <Select
      defaultValue=''
    >
        <Option value='' />
        <Option value='one' />
        <Option value='two' />
    </Select>

但我想做的是将n个自定义选项组件作为子组件组成一个集合，这些子组件将在组件的渲染方法期间使用：

    <Select
      defaultValue=''
    >
        {
          this.props.optionValues.map((value, i) =>
            <Option key={i} value={value} />
          )
        }
    </Select>

{
this.props.optionValues.map（（值，i）=>
)
}

但是我正在努力，找不到很多关于渲染组件上下文的文档

---

由于jsx的特性，这是否可行？如果每个元素都有一个唯一的

键，那么将数组呈现为子元素是完全有效的，就像您在问题中所概述的那样。假设您的
this.props.optionValues
数组看起来像
[''one'，'two']
它会正常工作

示例


功能应用程序（道具）{
返回(
挑选号码
一个
两个
挑选号码
{props.optionValues.map（（值，i）=>(
{value}
))}
);
}
ReactDOM.render(
,
document.getElementById（“根”）
);

假设您的
this.props.optionValues
数组看起来像
['''one'，'two']
它可以正常工作。你试过了吗？你可以在例如中进行实验。我只需要你对数组形式的评论……是的，它可以工作！。。。我觉得自己很傻-非常感谢-这是漫长的一天^ ^最好还是用
value
作为键而不是索引，是吗@SamVK是的，在这种情况下也会很好。我只是建立在问题中的示例上。Idk，如果传入两个值均为“”的自定义组件，会怎么样？我认为使用这些值作为键会导致中断