Estoy creando una aplicación de reacción en la que necesito hacer clic en una imagen que servirá como un botón para cargar un archivo. No puedo entender cómo usar una imagen como botón de entrada.
Probablemente la forma más fácil sería usar un elemento contenedor y CSS puro para eso. solo pon una imagen donde está el texto ahora.
.wrapper{ display:inline-block; position:relative } .btnimg{ background:red; pointer-events:none; width:250px; height:90px; opacity:1; line-height:90px; text-align:center; } input[type=file]{ opacity:0; position:absolute; top:0; left:0; right:0; bottom:0; } <div class="wrapper"> <div class="btnimg">btn with image</div> <input type="file"> </div>