如何在React CSS中使用道具？

Question

以下是我的React App的代码部分：

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

我想使用道具的值，并设置样式。 但是我不知道如何设置它。

Answer 1

尝试这样的模板字符串：

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