如何更新ruby / react.js的META标签？

Question

我有一个新闻网站，其中DOM在react.js中呈现，后端在Ruby on Rails中设计。我的问题是，因为DOM是虚拟的，facebook无法scrape信息，因此＆＃34; facebook分享＆＃34;不会加载图像或页面标题。每次用户访问我网站上的新页面时，只会重新加载页面的一部分而不是整个页面（react.js）。

我的问题：如果只重新加载页面的一部分，我如何更新元标记，以便Facebook可以在有人决定分享我的网址时正确地抓取它？

我不确定这样做的最佳方法是重建主页面在ruby中构建的方式，还是使用一些更简单的reactjs或jquery解决方案。

这是我尝试过的（没有成功）。为了解释 - 当内容部分和标题部分刷新时，我希望共享图像是标题图像，共享标题是内容标题标题。这不起作用：

    $("meta[property='og:image']").attr($('#header_photo').css('background-image'));

  if($('#discuss_header_question').length) { 
    $("meta[property='og:title']").html($('#header_content_title'));
    } else {
      $("meta[property='og:title']").html("mywebsite.com generic title.");
    }