title: Render react-router <Link> inside google InfoWindow
body: <p>So my application requires a link to be included in Google's InfoWindow, however, the infoWindow's content only accepts a string. For the life of me, I can't figure out how to pass a <code>&lt;Link&gt;</code> into content. My component is set up like</p>
  
  <pre><code>import React, { Component } from 'react';
  import { connect } from 'react-redux';
  import { fetchWells } from '../actions/index';
  import { Link } from 'react-router'
  
  class Map extends Component {
    constructor(props) {
      super(props);
    }
    componentDidMount() {
      const markers = [];
      this.props.fetchWells();
      const map = new google.maps.Map(this.refs.map, {
        zoom: 7,
        center: {
          lat: this.props.route.lat,
          lng: this.props.route.lng
        }
      });
      this.setState( { map })
    };
  
    renderMarkerContent(id) {
      return &lt;Link to={`wells/${id}`}&gt;Link&lt;/Link&gt;;
    }
  
    componentWillReceiveProps(nextProps) {
      const markers = [];
      console.log(nextProps.wells)
      nextProps.wells.forEach((well) =&gt; {
        if (well.location === null) return;
        console.log(well)
        const marker = new google.maps.Marker({
          position: { lat: well.location.coordinates[0], lng: well.location.coordinates[1]},
          map: this.state.map
        });
        const infoWindow = new google.maps.InfoWindow({
          content: this.renderMarkerContent(),
        });
        marker.addListener('click', () =&gt; {
          infoWindow.open(map, marker)
        });
        markers.push(marker)
      })
    }
  </code></pre>
  
  <p>I'm pretty new to React, so I feel like there is a way to maybe Render the content as a separate component maybe? Or somehow render the <code>&lt;Link&gt;</code> tag and stringify it. Any clues?</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>So I've gotten the links to render using by passing a function that returns the <code>&lt;Link&gt;</code></p>
  
  <pre><code>renderMarkerContent(id) {
      return ReactDOMServer.renderToString(&lt;Link to={`wells/${id}`}&gt;Well Page&lt;/Link&gt;)
  }
  </code></pre>
  
  <p>Not sure if this is the best solution, but it doesn't fully render and gives me an <code>&lt;a&gt;</code> element without the href. </p>