Open image in new tab in spfx webpart

Question

I want to open image in new tab if some one click on legend "Click here".

<p className="legends"><FieldUrlRenderer text={'Click here'} url={imageList.Image ? imageList.Image["Url"] :''} className="Videolegends"  /></p>

Currently it is opening in same window if I click on link.

Answer 1

Try following workarounds:

1. Using window.open():

    window.open(imageUrl, '_blank');

2. Using Anchor tag / hyperlink:

   • Add your image somewhere in SharePoint library/picture gallery
   • Add anchor tag (hyperlink) with target="_blank attribute and give image path in href attribute.