how to display all image in array react js

Question

how to display Img array all image in react js data*** import im1 from "../Image/10007.jpg" export const Data =[ { name:"aminur",

   Img:[im1,im1,im1]
}

]enter code here

code :

import React from 'react'
import "./Content.css"
import { Data } from './data'
const Content = () => {
  return (
    <div className='content'>
      {Data.map((item)=>{
        return(
            <div className='text'>
                <img src={item.Img[0]} alt="" />

                
            </div>
        )
      })}
    </div>
  )
}

export default Content

Please clarify your specific problem or provide additional details to highlight exactly what you need. As it's currently written, it's hard to tell exactly what you're asking. — Community
– Community Bot, Commented Sep 19, 2022 at 6:59

nitin varda · Accepted Answer · 2022-09-16 20:20:37Z

1

What I understood from your question is how to display all the images under Img array which is inside an another array of objects.

import React from 'react'
import "./Content.css"
import { Data } from './data'
const Content = () => {
  return (
    <div className='content'>
      {Data.map((item)=>{
        return(
            <div className='text'>
              {item?.Img.map(image=>(
                <img src={image} alt="" />
              ))}
            </div>
        )
      })}
    </div>
  )
}

export default Content

answered Sep 16, 2022 at 20:20

nitin varda

1292 silver badges4 bronze badges

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

Collectives™ on Stack Overflow

how to display all image in array react js

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related