title: how to pass iframe in react component
body: <p>I am trying to make a simple iframe in my react component that will show a google map location. I am currently hard-coding the src like this</p>
  
  <pre><code>this.state.features.map(function(school){
      return(
          &lt;div&gt;
              {school.name}
              &lt;div&gt;
              &lt;iframe frameBorder="0" style={{ width: "100%", height: "450"}} 
                  src="https://www.google.com/maps/embed/v1/place?q=40.7127837,-74.0059413&amp;amp;key=AIzaSyCc3zoz5TZaG3w2oF7IeR-fhxNXi8uywNk"&gt;
              &lt;/iframe&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      )
  })
  </code></pre>
  
  <p>which seems to work. However I want to pass the scr using a react variable 
  so I am doing something like this </p>
  
  <pre><code>const MY_API = AIzaSyCc3zoz5TZaG3w2oF7IeR-fhxNXi8uywNk
  
  let _url = "https://www.google.com/maps/embed/v1/place?q=40.7127837,-74.0059413&amp;amp;key="+MY_API;
  </code></pre>
  
  <p>and then passing the src dynamically like this </p>
  
  <pre><code>&lt;iframe frameBorder="0" style={{ width: "100%", height: "450"}} 
          src={_url}&gt;
  &lt;/iframe&gt;
  </code></pre>
  
  <p>but now I get the following error</p>
  
  <blockquote>
    <p>The Google Maps API server rejected your request. Invalid request.
    Unexpected parameter 'amp%3Bkey'</p>
  </blockquote>
  
  <p>Not sure what's the error message is about. help please. </p>