javascript - 如何将 TradingView 小部件插入脚本标记链接中的反应 js:https://www.tradingview.com/widget/market-overview/
问题描述
export default class extends Component {
render() {
return (
<div>
{
/***
* enter the code here
*/
}
</div>
)
}
}
解决方案
export default class Tabsshow extends React.PureComponent {
constructor(props) {
super(props);
this._ref = React.createRef();
}
componentDidMount() {
const script = document.createElement('script');
script.src = 'https://s3.tradingview.com/external-embedding/embed-widget-market-overview.js'
script.async = true;
script.innerHTML = /* JSON-ENCODED SETTINGS STRING FROM EMBED CODE */
this._ref.current.appendChild(script);
}
render() {
return(
<div class="tradingview-widget-container" ref={this._ref}>
<div class="tradingview-widget-container__widget"></div>
</div>
);
}
}
推荐阅读
- struts2 - Struts2 全局结果和全局异常不起作用
- recursion - 递归二进制搜索方法中的错误?
- python - 带有索引查找的二维数组列表理解
- javascript - 在 Firebase 云函数中包含异步函数(eslint“解析错误:意外的令牌函数”)
- qsub - 如何在sge(sun Grid Engine)中显示所有作业
- javascript - 希望社交媒体栏在 Scroll 上消失
- ios - tableView.cellForRow(at:) 和 tableView.dataSource?tableView(tableView:cellForRowAt:) 的区别
- php - 如何填充表单以编辑现有数据
- r - 根据与单独表 (R) 中的标题名称对应的值计算百分比
- spring-cloud - 使用应用程序属性在 Spring Cloud Dataflow 中启动任务