how to display all image in array react js

Mohammad Noor 0
Viewed 26

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
display reactjs javascript
1 Answers

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
nitin varda0
Related