陣營傳遞道具，背景的URL模板文字

Question

我學習的反應，我碰到，我似乎無法修復障礙。在我的部分，我想的背景渲染，我有：

<BgBackground style={{background: 'url( {} this.props.bg )' }} />

而且它在它的道具需要從另一個組件用：

<BgImage bg="about" />

我知道，我寫了我的模板文字（或插值？）不正確。我用盡了一切如：

{{backgroundImage: `url("${this.props.bg}")` }} /> 

我不能使它工作，我究竟做錯了什麼？謝謝你的幫助！

（回抽動都包括在內，他們不StackO渲染）

Answer 1

模板文字，裏面全`部分內部取出""`將被視爲字符串，${}將被值替換。

寫這樣的：

{{backgroundImage: `url(${this.props.bg})`}} 

參考：Template Literals

更新：

這裏的是一個字符串（甚至不是一個正確的圖像路徑），進口關於這個組件，並通過它像這樣：

import about from 'path'; 

<BgImage bg={about" />