【问题标题】:Instagram embedded code not showing the images on my react appInstagram 嵌入代码未在我的反应应用程序上显示图像
【发布时间】:2019-03-05 11:14:20
【问题描述】:

我正在尝试将 Instagram 嵌入到我的 react 应用程序中,但由于某种原因,图像没有被渲染。

【问题讨论】:

  • 你在服务器上使用http,在图片上使用https吗?
  • 我在我的本地主机上进行本地测试,我认为我没有使用 https
  • 取一个工作的instagram嵌入图片,把url放在浏览器上,强制url为http,看看是否有效。
  • @gilamran 你能给我看一些例子吗,我不确定我是否理解你。
  • 你能给我一个嵌入代码的例子吗?

标签: javascript html css reactjs instagram


【解决方案1】:

这解决了这个问题:

 this.setState({
                    mainImage: data.mainImage,
                    uuid: data.uuid,
                    title: data.title,
                    author: data.author,
                    tags: data.tags,
                    premium: data.premium,
                    preamble: data.preamble,
                    body: data.body,
                    publishingTime: data.publishingTime,
                },() =>{
                    const instagramScript = document.createElement("script");
                    instagramScript.src = "//www.instagram.com/embed.js";
                    instagramScript.async = true;
                    document.body.appendChild(instagramScript);

                    const twitterScript = document.createElement("script");
                    twitterScript.src = "https://platform.twitter.com/widgets.js";
                    twitterScript.charset = "utf-8";
                    twitterScript.async = true;
                    document.body.appendChild(twitterScript);
                });

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-03-11
    • 2012-07-19
    • 2014-07-31
    • 1970-01-01
    • 2018-09-20
    • 2020-11-30
    • 1970-01-01
    • 2017-10-11
    相关资源
    最近更新 更多