如何在React JS应用程序中使用npm python-shell？

Question

I am trying to run and display some simple python code and was hoping I could use the python-shell package . Is it possible to run the package with react js?

I have a code sandbox below. Is there a way to run the simple "x=1+1;print(x)" script when the button is clicked?

CodeSandbox: https://codesandbox.io/s/little-meadow-wlni3

Here is the Code.js file:

import React, { Component } from "react";
import { PythonShell } from "python-shell";

export default class Code extends Component {
  render() {
    function runPython() {
      PythonShell.runString("x=1+1;print(x)", null, function(err) {
        if (err) throw err;
        console.log("finished");
      });
    }
    return (
      <>
        <div className="output">code goes here</div>
        <button type="button" onClick={runPython}>
          Run
        </button>
      </>
    );
  }
}

Answer 1

最终创建了一个express.js后端api，并在那里运行它来处理python，然后将输出发送到react客户端。