reactjs - 在 ReactJs 中运行外部 JavaScript 代码

Question

我想运行一个实际上是 opencv.js 的外部 JS。我需要访问它的 CV 变量，然后调用其他函数。

我将以下代码添加到我的useeffect钩子中，如下所示：

export default function PolygonCropper(props) {
      ...
      useEffect(() => {
    
        const script = document.createElement("script");
        script.src = "https://docs.opencv.org/3.4.0/opencv.js";
        script.async = false;    
        document.body.appendChild(script);
        //
        console.log('cv from opencv is');
        console.log(window["cv"]);
        ....
    
       }

但是，我无法访问 window["cv"] 并且当我查看 chrome 中的日志时它是未定义的。

编辑：

通过 console.log(window) 查看 Chrome 日志。我可以看到里面的窗口和 CV，但我可以访问 window["cv"]

标签： reactjs