How to use props in react css?

Question

Below is the part of code of my React App:

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

I want to use the value from the props and want to set into style. But I am not getting how to set it.

Use [template strings](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals). — Emile Bergeron, Nov 06 '19 at 15:41
Possible duplicate of [How can I do string interpolation in JavaScript?](https://stackoverflow.com/questions/1408289/how-can-i-do-string-interpolation-in-javascript) — Emile Bergeron, Nov 06 '19 at 15:42

score 0 · Answer 1 · answered Nov 06 '19 at 15:41

0

Try template strings like this:

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

answered Nov 06 '19 at 15:41

aldenn

1 Answers1