时间戳

首页 > 解决方案 > 如何在反应 css 中使用道具？

javascript - 如何在反应 css 中使用道具？

问题描述

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

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

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

标签： javascriptcssreactjsreact-props

解决方案

试试这样的模板字符串：

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

推荐阅读