Setting image as div background with inline-styles. React

Asked Jan 27 '19 at 16:50

Active Jan 27 '19 at 16:50

Viewed 77 times

I'm triying to import an image from my resources folder and then set it as background-image in a div. See what's I'm doing.

import candidatePortrait from "../../../../../images/candidatePortrait.jpg";

<div
    className="candidate-photo"
    style={{
      backgroundImage: props.photo
        ? `url("${props.photo}")`
        : `${candidatePortrait}`
    }}
  />

I know that my folder path is good but I don't know how to set it as backgroundImage. See my div style. Thanks!

asked Jan 27 '19 at 16:50

Diego Cardona

you are using qoutes `""` instead of template literals `\`\`` – Maheer Ali Jan 27 '19 at 16:52
I tried it `url(${Background})` but not worked – Diego Cardona Jan 27 '19 at 16:56
Oh no, what the hell, now it's working.. sorry for that, how can I close this? – Diego Cardona Jan 27 '19 at 16:57
backgroundImage: `url(${Background})` – Areg Nikoghosyan Apr 12 '22 at 17:00

Setting image as div background with inline-styles. React

0 Answers0