Javascript Instagram嵌入代码未在我的react应用程序上显示图像

我正在尝试将Instagram嵌入到我的react应用程序中，但由于某些原因，图像无法呈现。

这解决了此问题：

 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);
                });

---

这解决了这个问题：

 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);
                });

---

你在服务器上使用http，在图像上使用https吗？我正在本地主机上测试它，我不认为我在使用https。在instagram嵌入图像上标记一个工作的url，将url放在浏览器上，然后强制url为http，看它是否工作。@gilamran你能给我看一些示例或smth，我不确定我是否理解你的意思。你能给我一个嵌入代码的例子吗？你在服务器上使用http，在图像上使用https吗？我在本地主机上测试它，我不认为我在使用HttpStack一个工作instagram嵌入图像，将url放在浏览器上，并强制url为http，看看它是否有效。@gilamran你能给我看一些示例或smth吗，我不确定我是否理解你。你能给我一个嵌入代码的示例吗？