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" />
Menu