Iterating through an array is not rendering values

Question

I'm using the code below, but it's not rendering anything the values of my array. I even tested using <Text></Text> or other tags. I know that the array is populated because I get results back when I console.log(imageArray).

        <View>
        {
            imageArray.map((array, index) => {
                <TouchableOpacity key={index}>
                    <Image
                        source={{ uri: array }}
                        style={{ width: 150, height: 150 }}
                    />
                </TouchableOpacity >
            })
        }
    </View>

Does this answer your question? map() return doesn't render in react component — Abe
– Abe, Commented Aug 2, 2022 at 1:04
use a return statement or remove the arrow function brackets — Rawand
– Rawand, Commented Aug 2, 2022 at 1:09

Fabrizio Botalla · Accepted Answer · 2022-08-02 01:11:19Z

2

In your code you are not returning any values while going through the array.

 <View>
    {
        imageArray.map((array, index) => {
            return <TouchableOpacity key={index}> <----- Return statement
                <Image
                    source={{ uri: array }}
                    style={{ width: 150, height: 150 }}
                />
            </TouchableOpacity >
        })
    }
</View>

There are others ways in which you can accomplish what you are trying to do, but without too much rewrite of your code, a simple return statement while iterating the array should do.

edited Aug 2, 2022 at 1:11

answered Aug 2, 2022 at 1:00

Fabrizio Botalla

7521 gold badge8 silver badges28 bronze badges

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

Comments

kiien · Accepted Answer · 2022-08-08 06:21:24Z

0

    or
 <View>
    {
        imageArray.map((array, index) => (
            <TouchableOpacity key={index}>
                <Image
                    source={{ uri: array }}
                    style={{ width: 150, height: 150 }}
                />
            </TouchableOpacity >
        )
    }
</View>

edited Aug 8, 2022 at 6:21

answered Aug 2, 2022 at 4:57

kiien

11 bronze badge

1 Comment

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

Iterating through an array is not rendering values

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related