Невозможно показать iframe в jsx - PullRequest
0 голосов
/ 29 апреля 2019

Я использую виджет торгового представления в своем приложении, в HTML виджет работает отлично, но в JSX он не работает.

Я использовал реактив-iframe, но не повезло, вот виджет, который мне нужно показать в компоненте реакции

<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
    <div class="tradingview-widget-container__widget">
        <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-market-overview.js"
            async>
            {
                "gridLineColor": "rgba(242, 243, 245, 1)",
                "scaleFontColor": "rgba(131, 136, 141, 1)",
                "title": "Stocks",
                "tabs": [{
                        "symbols": [{
                                "s": "NYSE:JPM",
                                "d": "Jpmorgan Chase & Co"
                            },
                            {
                                "s": "NYSE:WFC",
                                "d": "Wells Fargo Co New"
                            },
                            {
                                "s": "NYSE:BAC",
                                "d": "Bank Amer Corp"
                            },
                            {
                                "s": "NYSE:HSBC",
                                "d": "Hsbc Hldgs Plc"
                            },
                            {
                                "s": "NYSE:C",
                                "d": "Citigroup Inc"
                            },
                            {
                                "s": "NYSE:MA",
                                "d": "Mastercard Incorporated"
                            }
                        ],
                        "title": "Financial"
                    },
                    {
                        "symbols": [{
                                "s": "NASDAQ:AAPL",
                                "d": "Apple"
                            },
                            {
                                "s": "NASDAQ:GOOGL",
                                "d": "Google Inc"
                            },
                            {
                                "s": "NASDAQ:MSFT",
                                "d": "Microsoft Corp"
                            },
                            {
                                "s": "NASDAQ:FB",
                                "d": "Facebook Inc"
                            },
                            {
                                "s": "NYSE:ORCL",
                                "d": "Oracle Corp"
                            },
                            {
                                "s": "NASDAQ:INTC",
                                "d": "Intel Corp"
                            }
                        ],
                        "title": "Technology"
                    },
                    {
                        "symbols": [{
                                "s": "NASDAQ:AMZN",
                                "d": "Amazon Com Inc"
                            },
                            {
                                "s": "NYSE:BABA",
                                "d": "Alibaba Group Hldg Ltd"
                            },
                            {
                                "s": "NYSE:T",
                                "d": "At&t Inc"
                            },
                            {
                                "s": "NYSE:WMT",
                                "d": "Wal-mart Stores Inc"
                            },
                            {
                                "s": "NYSE:CHL",
                                "d": "China Mobile Limited"
                            },
                            {
                                "s": "NYSE:V",
                                "d": "Visa Inc"
                            }
                        ],
                        "title": "Services"
                    }
                ],
                "plotLineColorFalling": "rgba(33, 150, 243, 1)",
                "plotLineColorGrowing": "rgba(33, 150, 243, 1)",
                "showChart": true,
                "height": 660,
                "locale": "en",
                "symbolActiveColor": "rgba(225, 239, 249, 1)",
                "belowLineFillColorFalling": "rgba(5, 122, 205, 0.12)",
                "belowLineFillColorGrowing": "rgba(5, 122, 205, 0.12)",
                "width": 400
            }
        </script>
    </div>

</div>
<!-- TradingView Widget END -->

Если я запускаю этот HTML-файл в файле .html, виджет работает,на самом деле тег script отображает iframe, но в реакции я понятия не имею, как отобразить iframe в jsx

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...