Вызов функции, объявленной в файле .min.js в статической папке в компоненте React. - PullRequest
Новая
       35

Вызов функции, объявленной в файле .min.js в статической папке в компоненте React.

0 голосов
/ 25 февраля 2019

Мне нужно использовать внешний файл ( iFrameResizer ), который находится в моей статической папке как .min.js

, который добавляется в заголовок моего проекта.В основном как: 

<script src='/static/iframeResizer.min.js'/>

Мне нужно, чтобы в ней была вызвана функция componentDidMount, но пока я не использую dangerouslySetInnerHTML, я не могу получить доступ к своей функции.Я также пытался вызвать его, используя тег script в моем компоненте, но он не выполняет функцию (однако он позволяет мне получить доступ к нему из консоли в окне обзора).Как мне правильно использовать его в моем реактивном проекте?

В настоящее время мой код выглядит так, но он не работает, если я не вызову iFrameResize({ log: true, checkOrigin: false }, '#${iFrameId}') в консоли: 

 render () {
    const { iFrameId } = this.props
    return (
      <div>
          <iframe id={iFrameId}
            title={`My iFrame`}
            width='100%'
            frameBorder='0'
            src={MY_SOURCE}>
          </iframe>
        <script dangerouslySetInnerHTML={{
          __html: `console.warn('HELLOOOOO');iFrameResize({ log: true, checkOrigin: false }, '#${iFrameId}')`
        }}></script>
      </div>
    )
  }
...