文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使Pyodide在反应元件中工作？

问如何使Pyodide在反应元件中工作？
EN

Stack Overflow用户

提问于 2022-10-13 20:44:18

回答 1查看 89关注 0票数 0

我正在尝试制作我自己的Python基础教程，类似于codecademy.com所拥有的交互式编辑器。然而，我正在努力使Pyodide与反应一起工作。

使用非常基本的入门示例，我可以在我的index.html应用程序的create-react-app中完成以下工作：

<!-- PYODIDE -->
  <script src="https://cdn.jsdelivr.net/pyodide/dev/full/pyodide.js"></script>

  <title>React App</title>
</head>

<body>
  <noscript>You need to enable JavaScript to run this app.</noscript>
  <div id="root"></div>
  <script type="text/javascript">
    async function main() {
      let pyodide = await loadPyodide();
      console.log(pyodide.runPython(`
          import sys
          sys.version
      `));
      pyodide.runPython("print(1 + 2)");
    }
    main();
  </script>

.....

</body>

但是，当我试图将相同的代码移动到一个单独的组件时，它说的是'loadPyodide' is not defined

import React from 'react'

const Task1 = ({ replNum, task }) => {

    async function main() {
        let pyodide = await loadPyodide();
        console.log(pyodide.runPython(`
            import sys
            sys.version
        `));
        pyodide.runPython("print(1 + 2)");
    }
    main();


    return ( 
            SOME CODE
)

为什么会这样呢？

javascript

python

reactjs

pyodide

回答 1

Stack Overflow用户

发布于 2022-10-13 21:18:23

尝试使用window.loadPyodide而不是loadPyodide。React使用设置“使用严格”的模块，因此不允许未声明的全局变量。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/74061589

复制

相似问题

问如何使Pyodide在反应元件中工作？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使Pyodide在反应元件中工作？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使Pyodide在反应元件中工作？
EN