React Native：組件數組

Question

我正在嘗試打印一組 JSX 元素：

return (
        <View
        style={[
          commonStyles.sectionContainer,
          commonStyles.spaceBottom1x,
          { width: "100%" },
        ]}
      >
        { ['a', 'b'].forEach((letter) => { 

            <View>
                <Text>Hola</Text>
            </View>
        })}
        </View>
)

但它不打印......我錯過了什么？

Answer 1

您可以使用map來代替。

並使用帶有 wrap {letter} 的參數進行渲染。

像這樣：

<View style={styles.app}>
  { ['a', 'b'].map((letter) => 
    <Text>{letter}</Text>
  )}
</View>