React Native: Array of components

Question

I am trying to print an array of JSX elements:

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

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

But it does not print... what am I missing?

高鵬翔 · Accepted Answer · 2020-05-04 01:32:46Z

2

You can just use map to instead.

And use the parameter with a wrap {letter} to render.

Like this:

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

answered May 4, 2020 at 1:32

高鵬翔

2,0672 gold badges11 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React Native: Array of components

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related