Добавьте тренды Google в реакцию

Question

Как вы добавляете такие компоненты, как диаграммы, в тренды google в responsejs?

componentDidUpdate() {
    const that = this
    const keyword = "your keyword"

    conts script = document.createElement("script")
    script.src = "https://ssl.gstatic.com/trends_nrtr/760_RC08/embed_loader.js"
    script.async = true

    ReactDOM.findDOMNode(this.refs.trendsWrapper1).appendChild(script)

    script.onload = function () {
       trends.embed.renderExploreWidgetTo(ReactDOM.findDOMNode(that.refs.trendsWrapper1), "TIMESERIES", {"comparisonItem":[{"keyword":keyword,"geo":"","time":"today 5-y"}],"category":0,"property":""}, {"exploreQuery":"q=%2Fm%2F0rfgxy2","guestPath":"https://www.google.co.uk:443/trends/embed/"})
    }

}

Я попробовал это и не сработало. Пожалуйста, попробуйте предложить гораздо более простой метод, чем этот.

Answer 1

Вам нужно загрузить скрипт embed_loader вне реакции (как и любой другой третий код lib)

В компоненте запустите команду trend.embed.

var Trends = React.createClass({
  render: function() {
   trends.embed.renderWidget("US_cu_mqCQGFwBAABWOM_en", 
   "fe_line_chart_309e703b-7d68-4baa-8dc9-c12e2f9defc3", 
   {"guestPath":"https://trends.google.com:443/trends/embed/"});  
  return (
    <div>must return something :/</div>
  )}
});

Вот пример