我有一个简单的不透明度滑块使用反应钩,看起来像这样
我在像这样的表中设置不透明度
<td>
<img
src="link"
opacity={data.socialOpacity}
}
/>
</td>
但当我运行我的应用程序时,DOM中的不透明度显示为一个字符串,如下所示
<img src="https://wp-iframe.icon.webp" color="#000" opacity="1">
为什么不透明度值显示为字符串而不是数字?
一些注意事项:
>
我们在HTML中没有opacity
属性。
我们在html中也没有color
属性,而csscolor
属性不会影响图像。
您应该在react和setstate()
函数中使用状态管理。
或者将此简单代码与style
属性一起使用: