在内联样式中设置RGBA值

时间:2018-02-26 23:03:14

标签: reactjs

要将React内联样式中的颜色设置为RGBA值,我至少可以在ES6中使用字符串插值:

MATCH (:Cake{name: 'Apple Scones'})-[n]-(a)
WITH COLLECT(a) AS list
MATCH (b)-[:CONTAINS]->(a)
RETURN list

React是否支持对象而不是字符串?类似于支持数字的东西,其中假设像<div style={{color: `rgba(${r}, ${g}, ${b}, ${a})`}}>test</div 等样式的像素单位。例如:

width

1 个答案:

答案 0 :(得分:4)

没有。 React不支持这样的功能。我建议:

  1. 使用字符串插值,如上所述。
  2. 编写自己的rgba()函数。
  3. 使用第三方库。我推荐具有这种功能的抛光。 https://polished.js.org/docs/#rgba