css - 将 State 属性添加到 React 中的内联样式

Question

我有一个具有像这样的内联样式的 react 元素:(缩短版)

      <div className='progress-bar'
           role='progressbar'
           style={{width: '30%'}}>
      </div>

我想用我所在州的属性替换宽度，但我不太确定该怎么做。

我试过:

      <div className='progress-bar'
           role='progressbar'
           style={{{width: this.state.percentage}}}>
      </div>

这可能吗？

Answer 1

你可以这样做

style={ { width: `${ this.state.percentage }%` } }

Example