How to deal with the img tag or div click-forbidden event in react?

button can achieve click ban, but how does img implement click ban events

<figure  className={imgFigureClassName}   disabled={!this.props.isClickable} onClick={this.handleClick}>
                <img disabled={!this.props.isClickable} onClick={this.handleClick} src={imgData.imageURL} alt={imgData.title}/>
                <figcaption>
                    <div className="img-back"  disabled={!this.props.isClickable} onClick={this.handleClick}>
                        <img src={back} alt=""/>
                    </div>
                </figcaption>
                <button disabled={!this.props.isClickable} onClick={this.handleClick}></button>
            </figure>
Img
Apr.09,2021

<img src={back} alt="" style="pointer-events: none" />
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e59a70-44d88.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e59a70-44d88.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?