Как задать BackgroundImage изображением из массива

Question

<div
  className="product__section"
  style={{ backgroundImage: 'url(${product.img})' }}
>

это пример того что не работает, подскажите как реализовать это правильно

Answer 1

При использовании знака $ нужно ставить обратные ковычки `` вместо ' '. Вот так должно заработать

<div
  className="product__section"
  style={{ backgroundImage: `url(${product.img})` }}
>