React js open image new tab onclick image

    const { useState, useEffect, useRef } = React;

​

    function App() {

      const imageUrl = 'https://www.sarkarinaukriexams.com/images/import/sne4446407201.png';

      const openImageInNewTab = () => {

        window.open(imageUrl, '_blank');

      };

​

      return (

        <div className='container'>

          <h3>React js Open Image New Tab onclick Image</h3>

          <p>Click the image to open it in a new tab:</p>

          <img

            src={imageUrl}

            alt="Click to open in new tab"

            onClick={openImageInNewTab}

            style={{ cursor: 'pointer' }}

          />

        </div>

      );

    }

​

    ReactDOM.render(<App />, document.getElementById('app'));

  </script>