如何在反应中注入 javascript 变量？

Question

我有两个 js 变量都从服务器获取值，我想使用这些值在客户端设置 '%' 的宽度。

const x= 20;
const y = 40;

<div  style={{"width" : `{ parseInt(x) / parseInt(y) * 100 + "%"}` }} className="progress-bar progress-bar-success" role="progressbar" aria-valuemin="0" aria-valuemax="100" >

{ parseInt(x) / parseInt(Limit.y) * 100 + "%"} 完成

但这不是设置宽度。

Answer 1

<div style={{ width: `${(parseInt(x) / parseInt(y)) * 100}%`, backgroundColor: "red" }} className="progress-bar progress-bar-success" role="progressbar" aria-valuemin="0" aria-valuemax="100">
   hello
</div>

如何在反应中注入 javascript 变量？

How to inject javascript variable in react?

javascript

css

width

reactjs