2017-01-23 3 views
0

Вот что я имею в виду: https://i.gyazo.com/6c5cd185fe1437142ce19a231e4db3aa.mp4ReactJS - Некоторые элементы визуализируются только после обновления (F5). Зачем?

У меня есть интеграция с Facebook, как кнопка плагина. Проблема в том, что он отображается только в том случае, если я нажимаю F5. Как сделать рендеринг по умолчанию?

Сайт живут здесь: http://shacrow.com

Спасибо.

+0

Инициализировать ваш плагин 'FB' в' componentDidMount() 'компонента'/featured' –

+0

Как это инициализировать? Извините, если это очень просто для вас. Надеюсь, вы можете мне объяснить. – Shacrow

+0

Это то, что используется для отображения кнопок. – Shacrow

ответ

0

Как вы просили более конкретно, сделать что-то вроде

componentDidMount(){ 
    window.FB.XFBML.parse(); //saying FB plugin to re parse the dom. 
} 

в компоненте, содержащем

<div class="fb-like" data-href="facebook.com/ShacrowDesign"; data-layout="standard" data-action="like" data-size="small" data-show-faces="true" data-share="true"></div> 

Так как ваши FB sdk нагрузки до вашего like кнопки в HTML. поэтому мы просим FB sdk проанализировать страницу после react component, представленной на странице.

+0

Большое спасибо !!! Никто из reddit не мог мне помочь :) – Shacrow

Смежные вопросы