Need Help with implementing Link component when customizing image widget

JohnnySun

I'm working on customizing image component. Currently, when the cursor hovers over image widgets, the link details are revealed at the bottom left/right corner of the browser. I'm trying to implement a mechanism to hide link details from being displayed in the browser's corner upon hover.

Initially, this widget used a <Link> component to handle navigation, which worked fine. However, I needed to modify its behavior to dynamically construct URLs based on some configuration and then navigate to those URLs without reloading the entire page.

Original Code Snippet:

renderResult = (
  <div className='widget-image-container jimu-widget'>
    <Link to={linkTo} target={target} queryObject={queryObject}>
      {imageContent}
    </Link>
  </div>
);