将图像设置为带有内联样式的div背景。反应

Question

我正在尝试从资源文件夹中导入图像，然后在div中将其设置为background-image。看看我在做什么。

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

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

我知道我的文件夹路径很好，但是我不知道如何将其设置为backgroundImage。看看我的div风格。谢谢！