React doesnt return img in document from list-src

Question

import React from 'react'

export default function dio() {

var storys = [
    {
        src: './images/profilna.jpg'
    },
    {
        src: './images/profilna.jpg'
    },
]

return (<div>
    <div >
        <img src="./images/profilna.jpg" alt=""/>
        {
            storys.forEach(story => {
            //this dont return img in document
           return( <img src={story.src} />
  )
            })

        }
    </div>
</div>
)

}

Have you tried using .map?

Korovjov
– Korovjov

2021-03-23 20:32:53 +00:00
Commented Mar 23, 2021 at 20:32 — Korovjov
– Korovjov, Commented Mar 23, 2021 at 20:32

Girgetto · Accepted Answer · 2021-03-23 20:35:04Z

2

The method .forEach() has no return, try with .map()

export default function dio() {

var storys = [
    {
        src: './images/profilna.jpg'
    },
    {
        src: './images/profilna.jpg'
    },
]

return (<div>
    <div >
        <img src="./images/profilna.jpg" alt=""/>
        {
            storys.map(story => {
              return( <img src={story.src} />
                )
            })

        }
    </div>
</div>
)
}

answered Mar 23, 2021 at 20:35

Girgetto

1,0869 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

React doesnt return img in document from list-src

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