Javascript 从加载async的外部.js获取数组

我想在我的react应用程序中加载另一个包含变量数组的.js

arrayCode.js
var arrayCode=["1","2","3","4","5"];

in component.js

componentDidMount() {
const script = document.createElement("script");

        script.src = "/arrayCode.js";
        script.async = true;

        document.body.appendChild(script);

}

---

以及如何在组件状态下加载arrayCode。

如果arrayCode.js始终是一个简单的数组，我建议您将其更改为arrayCode.json，然后使用GET请求检索json并使用内置json.parse解析它

这就是说，如果您需要将其设置为.js文件有特定的原因，那么您始终可以对响应执行GET和eval

componentWillMount() {
    fetch('/arrayCode.js')
        .then(res => res.text())
        .then(text => {
            eval(text);

            // You now have access to arrayCode var
            console.log(arrayCode);
            this.setState({
                array: arrayCode
            })
        });
}

如果您同意将arrayCode.js移动到arrayCode.json，那么您的arrayCode.json将如下所示

["1","2","3","4","5"]

而您的组件willmount可以成为：

componentWillMount() {
    fetch('/arrayCode.json')
        .then(res => res.json())
        .then(json => {
            const array = JSON.parse(json);

            // You now have access to arrayCode var
            console.log(array);
            this.setState({
                array,
            })
        });
}