reactjs - 如何在反应js类中加载小部件
问题描述
无法在我的反应类中显示小部件,小部件链接是:[对于 HTML 和脚本中的正确代码][1] https://in.tradingview.com/widget/market-overview/
我没有收到任何错误,但是小部件未显示。请查看小部件链接
render() {
return (
<div className="tradingview-widget-container">
<div className="tradingview-widget-container__widget"></div>
<div className="tradingview-widget-copyright"><a href="https://in.tradingview.com" rel="noopener" target="_blank"><span className="blue-text">Market Data</span></a> by TradingView</div>
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-market-overview.js" async dangerouslySetInnerHTML={{
__html:({
"showChart": true, "locale": "in", "largeChartUrl": "", "width": "400", "height": "600", "plotLineColorGrowing": "rgba(60, 188, 152, 1)", "plotLineColorFalling": "rgba(255, 74, 104, 1)",
"gridLineColor": "rgba(233, 233, 234, 1)",
"scaleFontColor": "rgba(214, 216, 224, 1)",
解决方案
推荐阅读
- javascript - 如何将区分大小写的 object.property 从 vba 传递给 Javascript?
- r - hdm 包中的 rlassoEffects 语法不起作用?
- laravel - 如何使用 laravel 在数据库表中提交多个条目?
- node.js - 如何在会话中设置使用 AdonisJs 在外部 API 下进行身份验证的用户?
- python - 带有包含 NaN 的轴的 Seaborn 条形图
- python - Python 无法识别数字
- css - 为什么 `overflow-x: auto;` 在 `flex-direction: row;` 祖先中表现异常?
- react-native - 反应原生,
在不止一行 - tensorflow - 在没有 infiniband 设备的情况下使用带有 VERBS 支持的 tensorflow
- javascript - 在 Summernote 中的后退按钮上获取文本