react 如何向style样式里面传递数据

Question

做一个算百分比的槽子，然后往里面传数据难到了。我擦跟vue完全不一样。vue貌似{{data1}}就可以了，react貌似要转义啊。试过js的'+{data1}+' 不行。
把width：值%写死是这样的。但是百分比是json传过来的动态加载的，请大神指点。

错误的写法：

  {data.map(({ id, data1 }) => (
      <div key={id}>
        ...
        <div className={styles.bars} style={{ width: "{ data1 }%" }}></div>
      </div>`
  ))}

Answer 1

style={{ width: data1 + "%" }}

这样写不好吗 都是js 很容易理解吧