gpt4 book ai didi

reactjs - 在内联样式中设置 RGBA 值

转载 作者:行者123 更新时间:2023-12-03 13:35:28 24 4
gpt4 key购买 nike

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

<div style={{color: `rgba(${r}, ${g}, ${b}, ${a})`}}>test</div

React 是否支持对象而不是字符串?与它类似的东西支持数字,其中像素单位被假定为 width 等样式。例如:

<div style={{color: {r, g, b, a}}}>test</div

最佳答案

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

  1. 按照上面的操作使用字符串插值。
  2. 编写您自己的 rgba() 函数。
  3. 使用第三方库。我推荐抛光的,它就有这样的功能。 https://polished.js.org/docs/#rgba

关于reactjs - 在内联样式中设置 RGBA 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48998509/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com