Как использовать картинки, доступные по ссылке?

Начинаю изучать React и не совсем понимаю, как использовать в коде изображение, доступное по определенному url на сервере? Каждая картинка имеет свой imageId, который содержится в json, прилетающим с сервера.

     import {ProductItem} from "../models";

interface ProductProps {
    product: ProductItem
}

const imageURL = "http://localhost:8080/images/"

export function Product({ product }: ProductProps) {
    return (
        <div className="productItem">
            <img src="http://localhost:8080/images/${product.imageId}"/>
            {product.id}
        </div>
    )
}