Социальный плагин Facebook с response.lazy не загружается постоянно - PullRequest
0 голосов
/ 29 мая 2020

Я использую Facebook Social Plugin , и после добавления React.lazy() компонент FacebookFeed не всегда загружает и отображает ленту правильно. forceUpdate() был моим первым возможным решением, но его больше не следует использовать, поэтому я застрял.

Лучшее решение для этого, по существу, reload этого компонента после прокрутки страницы (т.е. 50 пикселей) ? Я не уверен, как это сделать, не используя componentDidMount(), который также больше не должен использоваться. Есть ли у кого-нибудь решение этой проблемы?

index. html:

<body>
  <div id="fb-root"></div>
  <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v7.0"></script>
</body>

About. js:

function About() {
  return (
    <div>
      // other content
      <FacebookFeed />
    </div>
  )
}

FacebookFeed. js :

class FacebookFeed extends Component {
  render() {
    return (
      <div className="fb-page" data-href="https://www.facebook.com/{page-name}">
        // blockquote per FB
      </div>
    )
  }
}
...