Javascript 不渲染背景url的响应插值

我在教自己如何反应，这很难，请原谅我在这里说的脏话，因为这对我来说还是很新鲜的

我正在尝试编写一个组件，根据给定的道具在特定页面上呈现背景图像。我已经想出了插值，这可能会工作，但我没有达到我想要的效果

让我们假设在我的名为

blog.js的组件中

<BgImage image="blog" />

我不知所措，不知道从这里该怎么办。有什么想法吗？（我很清楚有些东西出了问题或坏了，我就是想不出来）
试试这个。请记住，在React中，道具更改为camelCase，因此带破折号的属性无效：

<BgBackground style={{backgroundImage: 'url( "${this.props.image}" )' }} />


好的，这对我来说是100%合理的，谢谢。我希望它工作得如此糟糕，但我得到了以下错误：
警告意外的模板字符串表达式字符串中没有模板卷曲
删除单引号，并将其替换为反勾号，以使模板文字正常工作。很抱歉（是键盘上数字1左边的按钮，或者是tab按钮顶部的按钮）仍然没有渲染，但感觉应该是这样的！arrg:Dif我把
它渲染得很好。所以我认为现在道具没有通过。在about.js组件中，我使用了
反勾号->
`
，而不是字符串插值语法中的引号符号->
'
。就像您在
styled.div
之后使用的编写内联css语法一样。在jsx中不能使用破折号，它会抛出以下警告：
警告意外的模板字符串表达式字符串中没有模板卷曲
3:8  warning  'blog' is defined but never used      no-unused-vars
4:8  warning  'about' is defined but never used     no-unused-vars
5:8  warning  'contact' is defined but never used   no-unused-vars
6:8  warning  'projects' is defined but never used  no-unused-vars

<BgBackground style={{background-image: 'url( "${this.props.image}" )' }} />

<BgBackground style={{backgroundImage: 'url( "${this.props.image}" )' }} />