JSFiddle - React, Tailwind, and code Playground

HTML

<div class="site"><a href="http://amazon.com/" target="_top">Amazon </a></div>
<div class="site"><a href="http://cnn.com/" target="_top">Cnn </a></div>
<div class="site"><a href="http://wikipedia.org/" target="_top">Wikipedia </a></div>


<iframe id="source" src="http://amazon.com/" frameborder="0" scrolling="no" width="100%" height="100%"></iframe>

JavaScript

$(document).ready(function() {

var iframe = $( "#source" );

$( "a[target=_top]" ).click( function(){
    iframe.attr( "src", this.href );      
    return false;
});
	
	
});