javascript - Instagram 嵌入代码未在我的反应应用程序上显示图像
问题描述
我正在尝试将 Instagram 嵌入到我的反应应用程序中,但由于某种原因,图像没有被渲染。
解决方案
这解决了这个问题:
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);
});
推荐阅读
- jszip - jsZip - 在 Ajax 发布成功后执行 generateAsync
- php - php preg_split 在结果上添加一个空字段
- python - 从 XML 注释转换为 BRAT 格式
- python - 使用python按列排序矩阵
- node.js - Npm start 给出错误
- python - 使用python清理csv数据
- c++ - 广度优先搜索无法找到确实存在的目的地
- node.js - 使用 Typescript 验证 Mongoose Schema 属性
- prolog - 添加到 Prolog 中的列表列表
- java - 将 CURL 转换为 JAVA 以使用数据进行 PUT 请求