我正在使用一组连续的图像。在这些图像上方有一个文本框输入,根据输入需要启用/禁用图像?如何在React中做到这一点。
我尝试将“ disable”添加到图像标签,并且disabled = true,但两者均无效。
const IBox = props =>
<div style={props.styles.imageContainer} >
<img id="image1" src={require('../../../public/images/image1.jpg')} alt = "Image1" /><span > </span>
<img id="image2" src={require('../../../public/images/image2.jpg')} alt ="Image2" /><span> </span>
<img id="image3" src={require('../../../public/images/image3.jpg')} alt ="Image3" /><span> </span>
<img id="image4" src={require('../../../public/images/image4.jpg')} alt ="Image4"/>
</div>
export default IBox;
没有“禁用”图像之类的东西。您只能禁用表单元素,因为它们是唯一的交互式html元素。请参阅w3c规范,以了解可以完全禁用哪些项目。
除非您编写自己的自定义定义来禁用图像。例如,您可以disabled
向图像添加一个类,并使用CSS设置该类为灰色的样式。
您还可以将CSS与WebComponents结合使用,以使元素具有禁用的属性。您可以设置其禁用样式的样式。
另请参阅文档以获取<img />
标签。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句