Ahora muestro imágenes en la interfaz de usuario web como esta:

 { title: 'Image', render: row => { if(row.checkType === 2){ return (<span style={{color:'red'}}> <img className={styles.img} src={row.url} referrerPolicy="no-referrer" onclick={this.handleOpen(row.url)}alt="img" /> </span>) }else{ return row.text; } } }

Estoy usando antd 3, no contenía el componente Imagen. Quiero que cuando el usuario haga clic en la imagen, la imagen aparezca y llene la pantalla para que el usuario pueda ver la imagen clara. Pero el clic de img no tiene respuesta por defecto. Lo hago con window.open así en el evento onclick:

 handleOpen = (url) =>{ window.open(url); }

parece que no funcionó, al hacer clic en la imagen, simplemente aparece la ventana de descarga. ¿Qué debo hacer para que el usuario obtenga una vista previa de la imagen? esta es la URL de la imagen: https://6b02d792-e941-4c15-a344-2e12867d06e1.oss-cn-shanghai.aliyuncs.com/spark/game/images/jigou_64/1646298300722.jpg