Iterableをjavascript/typescriptのリストに変換する

Question

マップに「map」を呼び出して他の値のリストに変換できるようにリストに変換したいマップ（文字列 - >文字列）があります。 ）今

<input type="select"> 
{props.options.entries().toList().map((type,i) => { 
       return <option value={type[0]} key={i}>{type[1]}</option> 
}) 
} 
</input> 

、エントリー（私iteratableを与える：背景には、私はこのようなreactjsコンポーネントでそれを使用したいということ、です。しかしそれには "toList"はありません。この変換を行うにはどうすればよいですか？

Answer 1

でコンポーネントのrender機能を反応させ、

render: function() { 
    return (
    <Root> 
    ... 
    {props.options.entries().toList().map((type,i) => { 
    return <option value={type[0]} key={i}>{type[1]}</option> 
    }) 
    ... 
    </Root>) 
} 

は異なるものではありません：

render: function() { 
    let optionList = props.options.entries().toList().map((type,i) => { 
    return <option value={type[0]} key={i}>{type[1]}</option> 
    } 

    return (
    <Root> 
    ... 
    {optionList} 
    ... 
    </Root>) 
} 

と異なるnothingから：

render: function() { 
    let optionList = [] 
    // iterate through this iterable(pseudo, as the iterable interface is needed) 
    let entries = props.options.entries() 
    while (entries.hasNext()) { 
    optionList.push(entries.next()) 
    } 
    optionList.map((type,i) => { 
    return <option value={type[0]} key={i}>{type[1]}</option> 
    } 

    return (
    <Root> 
    ... 
    {optionList} 
    ... 
    </Root>) 
}