javascript - 如何加载外部js文件并在reactjs中使用它们的数据？

Question

我正在使用 create-react-app 做一个 React 项目，我当前的目标是加载外部 js 文件(托管在 iis 中)并使用它们的数据。

我通过index.html 中的脚本获取此文件，例如:

<script type="text/javascript" src="http://localhost:5000/GetJsFile"></script>

我的 js 文件示例:

var data = {
   vars: {
      id: ****,
      user ******,
      name: *******,
      date: *******,
   }
   //...
}

我的问题是:如何在 React js 组件内使用/访问 js 文件中的数据？

Answer 1

在您的 utils.js 页面中

您必须将代码更改为以下形状:

utils page

const data = {
   vars: {
      id: ****,
      user ******,
      name: *******,
      date: *******,
   }
   //...
}
export default data;

然后在您想要使用此数据的其他组件中编写以下代码:

import data from '../../../../utils';

...
console.log('data', data);