onclick change image react native

Hi

I want to change image when the image  is pressed.

const white = require('./images/white.png')

const black = require('./images/black.png')

const shirts = { white, black }

const Shirts = () => { const [selected, setSelected] = useState(shirts.white)

return ( < >

< img src = { selected } alt = 'shirt' / >

< button onClick = { () => setSelected(shirts.black) } > Click < /button> < /> ) }

Its working but i am using list of 10 image.i want if i click one image then one image will only change.But here if i click one image all image will change .how can i fix this