Reactjs 角2中*ngFor的等效反作用力

我想显示一个动态选择，在react组件中的值介于1和100之间

在角2中是

<select>
    <option *ngFor="let i of numbers">{{i}}</option>
</select>

<!--numbers is an array [1,2,3,4,...100]-->

{{i}

---

这是怎么反应的

RepeatModule

在Reactjs

ReactDOM.render(<RepeatModule items={items} />,                 
    document.getElementById('react-content'));

ReactDOM.render（，
document.getElementById（'react-content'）；

---

您可以对数字使用

映射

，并动态创建选项，如下所示：

<select>
    {
       numbers.map(el => <option value={el} key={el}> {el} </option>)
    }
</select>

{
numbers.map（el=>{el}）
}

检查此示例：

var numbers=[…数组（100）.keys（）；
变量应用=（）=>{
返回(
{
numbers.map（el=>{el}）
}
)
}
ReactDOM.render（，document.getElementById（'app'））

---

我推荐以下解决方案

在Reactjs中的渲染和返回内部：

{
  myArrayOfData.map((val, index) => {
    return (
      <div key={index}>
        { val }
      </div>
     );
  })
}

{
myArrayOfData.map（（val，index）=>{
返回(
{val}
);
})
}

例如，myArrayOfData可以是

this.state.myArray