Javascript 使用Brython和React

我刚刚开始使用Brython，能够从页面接收输入并通过一系列python函数运行它以返回一个值——但我不确定将这些值传递到react组件的正确方法。我对react一无所知，其他人正在做react/网站的前端

我们之所以尝试集成Brython，是因为有很多用于操作数据的算法，它们在python中编写起来要容易得多，每次必须操作数据时在浏览器中执行起来要快得多

我知道flask和jsonify之类的东西，但我不确定如何在这种情况下使用它们。我附加了一段运行在浏览器中的Brython代码的符号片段，以供参考

<script type=“text/python” id=“script0”>

  from browser import document
  from other_python_functions import func1

  def return_altered_input(e):

    altered_input = func1(e.target.value)
    document[‘output’].textContent = altered_input

  document[‘input_area’].bind(‘input’, return_altered_input)

</script>

从浏览器导入文档
从其他函数导入func1
def返回\更改\输入（e）：
更改的_输入=func1（如target.value）
文档['output'].textContent=已更改的输入
文档['input\u area'].bind（'input'，return\u changed\u input）

当前它通过直接引用id输出到文档。我可以在react元素上加一个id，然后以某种方式将输出发送到那里吗？我需要先把它简单化吗