Javascript 访问<；中定义的变量；头>；或来自React组件的外部脚本_Javascript_Reactjs

Javascript 访问<；中定义的变量；头>；或来自React组件的外部脚本

javascript reactjs

Javascript 访问<；中定义的变量；头>；或来自React组件的外部脚本,javascript,reactjs,Javascript,Reactjs,我正在将第三方库集成到我的React应用程序中。他们提供了我需要添加到我的中的脚本： index.html <head> <script> var externalVariable1 = externalVariable1 || {}; var externalVariable2 = externalVariable2 || {}; </script> // tag.min.js gives value to

我正在将第三方库集成到我的React应用程序中。他们提供了我需要添加到我的

中的脚本：

index.html

<head>
    <script>
      var externalVariable1 = externalVariable1 || {};
      var externalVariable2 = externalVariable2 || {};
    </script>
    // tag.min.js gives value to these variables
    <script async src="//example.com/tag.min.js"></script>
</head>

如果要从React组件内部访问全局范围中定义的变量，通常可以通过

窗口

对象访问该变量

请参见下面的示例：

函数应用程序（）{
返回密码为{window.secret}
}
ReactDOM.render（，document.getElementById（“根”））


var secret=“你好”；

import React from 'react';

const MyScreen = () => {
    
    return (
        <React.Fragment>
            <div>
                <h2>Hello!</h2>
            </div>
    
            <div id='myId'>
                {externalVariable.push(function() { externalVariable2.display();})}
            </div>
        </React.Fragment>
    );

}

export default MyScreen;