title: How do I display iframes of videos from vimeo player in React?
body: <p>I have an example where I access all the videos of a vimeo channel and that works, but when I try to list all the videos as iframes of the vimeo player it just returns the iframe html code. Here is what I have: </p>
  
  <p>import React, { Component } from 'react';
  import axios from 'axios';</p>
  
  <pre><code>    const CLIENT_IDENTIFIER = "**********";
      const CLIENT_SECRET = "***********";
  
  
              class Apicall extends Component {
  
                state = {
                    vimeo: []
                };    
  
               async getVideosForChannel(access_token) {
              const { data } = await axios.get(
                "https://api.vimeo.com/channels/180097/videos",
                 {
                    headers: {
                      Authorization: `Bearer ${access_token}`
                    }
                 }
              );
  
            this.setState({ vimeo: data.data });
        }
  
  
           async componentDidMount() {
              if (!CLIENT_IDENTIFIER || !CLIENT_SECRET) {
             return alert("Please provide a CLIENT_IDENTIFIER and CLIENT_SECRET");
              }
  
           try {
              const { data } = await axios.post(
                   "https://api.vimeo.com/oauth/authorize/client",
                { grant_type: "client_credentials" },
              {
              auth: {
                 username: CLIENT_IDENTIFIER,
                 password: CLIENT_SECRET
               }
             }
            );
  
        this.getVideosForChannel(data.access_token);
      } catch (error) {
        if (error.response.status === 429) {
          alert(
            "The Vimeo api has received too many requests, please try again in an hour or so"
          );
        }
      }
    }
  
  
  
  
  
  render() {
      return (
           &lt;div className="container"&gt;
             &lt;h1&gt;&lt;/h1&gt;
             &lt;ul&gt;
              {this.state.vimeo.map(({ resource_key, embed, pictures}) =&gt; (
                  &lt;li key={resource_key}&gt;
                      {embed.html}
                  &lt;/li&gt;
              ))}
             &lt;/ul&gt;
           &lt;/div&gt;
      );
     }
   }
  
     export default Apicall;
  </code></pre>
  
  <p>The following code results in this being output to the screen: </p>
  
  <p><code>&lt;iframe src="https://player.vimeo.com/video/28028960?title=0&amp;byline=0&amp;portrait=0&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=132884" width="640" height="360" frameborder="0" title="Gasta&amp;ccedil;&amp;atilde;o TV: Link&amp;#039;s Death - Dorkly Bits (LEGENDADO)" webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</code></p>
  
  <p>What am I doing wrong here? </p>