Reactjs 我可以在使用无头Wordpress时在React前端的帖子中嵌入推文吗？_Reactjs_Wordpress_Twitter_Embed_Headless

Reactjs 我可以在使用无头Wordpress时在React前端的帖子中嵌入推文吗？

reactjs wordpress twitter

Reactjs 我可以在使用无头Wordpress时在React前端的帖子中嵌入推文吗？,reactjs,wordpress,twitter,embed,headless,Reactjs,Wordpress,Twitter,Embed,Headless,我正在React中建立一个网站，并使用Wordpress作为博客的无头CMS。我的一些帖子使用Wordpress内置的Twitter小部件嵌入了一条或多条推文当我从WordPressRESTAPI调用帖子时，WordPressTwitter小部件不会呈现。它只传递tweet的基本内容以及通用Twitter嵌入脚本：有没有办法让我的React前端将Wordpress中的内容识别为嵌入式推文，并通过Twitter的脚本进行渲染，使其看起来更好、更具交互性？经过更多搜索，我找到了答案，部分原因是

我正在React中建立一个网站，并使用Wordpress作为博客的无头CMS。我的一些帖子使用Wordpress内置的Twitter小部件嵌入了一条或多条推文

当我从WordPressRESTAPI调用帖子时，WordPressTwitter小部件不会呈现。它只传递tweet的基本内容以及通用Twitter嵌入脚本：

有没有办法让我的React前端将Wordpress中的内容识别为嵌入式推文，并通过Twitter的脚本进行渲染，使其看起来更好、更具交互性？

经过更多搜索，我找到了答案，部分原因是这个问题：

我的解决方案是将Twitter嵌入脚本粘贴到My index.html中的closing body标记上方，如：

  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
    <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
  </body>

与其他StackOverflow问题的关键区别在于需要指定

窗口。

编辑：添加一些建议以在useEffect中包含

if（window.twttr）{…}

，因为有时候Twitter脚本没有加载（或者可能只是还没有完成加载），这会无缘无故破坏整个页面

  useEffect(() => {
    if (window.twttr) {
      window.twttr.widgets.load();
    }
  }, []);