Question

In React, let's say that we have the component

export default class Piece {

constructor(player, iconUrl) {

this.player = player

this.style = { backgroundImage: "url('" + iconUrl + "')" }

}

}

Supposing that we want to display an image which is hosted within our codebase (that is within our local files), what should be the value of iconUrl assuming the image is being stored in the same folder as that component?  

Answer 1

In order to display an image which is hosted within our codebase and is placed within the same folder as that of the code then we simply need to assign the image name of the image without any address.because when the files are in the same folder then we do not need to assign or provide the code with the proper address of that file and we can simply we provide the code with the filename because the code automatically search the file in the same folder in which it is placed if no address is given so if we do not provide any address and directly provide the filename then it will search the same folder and get the image and will display the image on the display or console.