ReactNative Picker.Item の繰り返し処理

Question

前提・実現したいこと

ReactNativeにおける <Picker></Picker> 内で <Picker.Item /> を、for文などを用いてループで処理したい。

知りたいこと

• 任意の配列やオブジェクトに対してforEach（っぽい挙動を）する方法
• for文などで任意回数の<Picker.Item />をセットする方法

よろしくお願いします????

該当のソースコード

<Picker>
  <Picker.Item label="0" value="0" />
  <Picker.Item label="1" value="1" />
  <Picker.Item label="2" value="2" />
         .
         .
         .
  <Picker.Item label="9" value="9" />
</Picker>

補足情報(バージョン)

package.json より

"react": "16.0.0-alpha.12",
"react-native": "0.46.4",

Answer 1

こうですか ?

render() {
  const n = Array.from(new Array(10)).map((v,i) => i)
  return (
    // snip

    <Picker>
      {n.map(i => (
        <Picker.Item
          key={i}
          label={i.toString()}
          value={i}
        />
      ))}
    </Picker>

    // snip
  );
}

Comments

[mtmtkzm]

具体的なコードを、ありがとうございました。とても参考になりました。

Answer 2

render(){

const items = 任意の数のpicker.itemを配列に格納したものをreturn。

return (
〈Picker〉{items}〈/Picker〉
)

}

こんな感じでいけませんか？

Comments

[mtmtkzm]

どうやら深く考えすぎていたようです。とても参考になりました。
ご回答ありがとうございました。