Javascript 如何在react中使用全局var？

我需要使用另一个来源的虚拟助手（并且需要使用这个vars）

<script>
        var chat_client = 'big',
            chat_mode=2,
            ailabs_user_id = null,
        ailabs_user_info  = {'user_intent_category_label':'DEFAULT', 'info_fullname':'Ержанов Ануар Толегенович', 'info_iin':'921102350927', 'info_phone_number':'87473096538'};
    </script>

var chat_client='big'，
聊天模式=2，
ailabs\u user\u id=null，
ailabs_用户信息={'user_intent_category_label'：'DEFAULT'，'info_fullname'：'ejbжжжаааааааааааач'，'infoаin'：'921102350927'，'infoа电话号码；

如何在react和do it global var中使用它，以便有机会从模板中使用它？ 当我尝试使用来自标题组件的var时，我有一个错误（未定义）

---

我需要使用

'info\u fullname'：{employee.fullname}

您可以使用

窗口访问所有全局变量。variableName

，

窗口

是浏览器环境中的

全局

对象

使用全局变量的更好方法是将其与Webpack

external

config一起使用

你为什么不试试使用

您可以在任何父组件中声明全局上下文变量，此变量将通过this.context.varname在组件树中访问。您只需在父组件中指定childContextTypes和getChildContext，然后您就可以通过在子组件

但是，请注意文件中提到的这一点：

我们可以使用window关键字创建全局变量

window.$name = 'king' //global variable

现在我们可以从组件访问全局变量窗口。$name

function App() {
  const name = window.$name;
  console.log(name); // 'king'

  return (
    <div>
      <h1>{name}</h1>
    </div>
  );
}

函数应用程序（）{
常量名称=窗口。$name；
console.log（名称）；//“king”
返回(
{name}
);
}

使用许多全局变量不是一个好主意，因为它可能会导致变量冲突。为什么需要它？为什么不能使用redux store？我需要在一个地方使用它，这样我就不能从那里调用变量了