Блог

По какой-то причине я не могу правильно отобразить встраивание reddit для публикации, когда генерируется iframe, высота обрезается. Если я вручную выберу iframe из инструментов разработчика и сниму флажок «высота: авто», он изменит размер должным образом. Я понятия не имею, как это исправить или что может быть причиной этой проблемы. Буду признателен за любую помощь. Спасибо.

 import React from 'react';

export default class RedditEmbedComponent extends React.Component {

    componentWillMount() {
        const script = document.createElement("script");
        script.src = "//embed.redditmedia.com/widgets/platform.js";
        script.async = true;
        document.body.appendChild(script);
    }

    renderFrame = () => {
        return (
            <div>
                <blockquote class="reddit-card" data-card-created="1553892582">
                    <a href="https://www.reddit.com/r/science/comments/b6wjlb/a_billion_people_may_be_newly_exposed_to_diseases/">
                        A billion people may be newly exposed to diseases like dengue fever as world temperature rises by the end of the century because of global
                warming, says a new study that examines temperature changes on a monthly basis across the world.</a> from
                <a href="http://www.reddit.com/r/science">r/science</a></blockquote>
            </div>
        );
    }

    render() {
        return (<div>
            {this.renderFrame()}
        </div>);
    }
}