Javascript 如何在react css中使用道具？

以下是我的React应用程序的部分代码：

<span 
  value={this.props.range}
  style={{width:"{this.props.range}px"}}
  className="range"
></span>

我想使用道具的价值，并希望设置为风格。

---

但我不知道如何设置它。

尝试以下模板字符串：

<span 
  value={this.props.range}
  style={{width:`${this.props.range}px`}}
  className="range"
></span>

---

请共享代码使用。可能重复