title: passing values dynamically to href attribute
body: <p>Pasting my snippet below as ref:</p>
  
  <pre><code>getInitialState: function()
  {
      return {
          repoLinks: [
              "/reports/interactive/CustomersReport",
              "/reports/interactive/MapReport"
          ]
  }
  render: function(){
        var repoLinks = this.state.repoLinks;
        repoLinks = repoLinks.map(function(item, index)
        {
            var home = "http://myurl";
            var reportLink = {item};
            var link = home + reportLink.item;
            console.log(link);
  
            // HyperLink1.NavigateUrl = link;
  
            // return(&lt;a href='"link"'&gt;Report &lt;/a&gt;);
  
            // return(&lt;a href="'link'"&gt;Report &lt;/a&gt;);
  
            // &lt;a href="link" class='dynamicLink'&gt;Report &lt;/a&gt;;
  
            /*
            &lt;div&gt;
                &lt;a  onclick="javascript:GoToUrl();"&gt; Reports &lt;/a&gt;
                &lt;script type="text/javascript"&gt;
                    function GoToUrl()
                    {return("http://myurl" + {item});}
                &lt;/script&gt;
            &lt;/div&gt;
            */
  
            /*              
                &lt;div&gt;
                    &lt;a onclick="return Try();"&gt; Reports &lt;/a&gt;
                    &lt;script type="text/javascript"&gt;
                        function Try()
                        {return(link_final);}
                    &lt;/script&gt;
                &lt;/div&gt;              
            */
  
            return(&lt;a href= "link"&gt;Report &lt;/a&gt;);
        });
  }
  </code></pre>
  
  <p>What I need to do is to pass the variable 'link' to href. link contains the final URL. I have tried a few solutions that I have shown in comments above.</p>
  
  <p>Basically I want to pass it "<a href="http://myurl+/reports/interactive/CustomersReport" rel="nofollow noreferrer">http://myurl+/reports/interactive/CustomersReport</a>" in the first loop and "<a href="http://myurl+/reports/interactive/MapReport" rel="nofollow noreferrer">http://myurl+/reports/interactive/MapReport</a>" in the 2nd loop.</p>
  
  <p>Please help me understand where I could be going wrong here.
  Thanks!</p>