不透明度值显示为字符串而不是数字

Question

我有一个使用反应挂钩的简单不透明度滑块，看起来像这样

我正在 table 中设置不透明度，就像这样

<td>
<img
   src="link"
   opacity={data.socialOpacity}
   }
   />
</td>

但是当我 运行 我的应用程序 DOM 中的不透明度显示为这样的字符串

<img src="https://wp-iframe.icon.webp" color="#000" opacity="1">

为什么不透明度值显示为字符串而不是数字？

Answer 1

一些笔记：

• htmlopacity 属性html

• 我们在 html 中也没有 color 属性 而 css color 属性 也没有'不影响图片。

• 你应该在 React 和 setState()Function 中使用状态管理。

• 或将此简单代码与 style 属性:

  一起使用

<div style={ {opacity: data.socialOpacity, color: "#111"} } >...</div>