Reactjs 未使用React和Electron调用事件处理程序

我正在试用Electron，我已经用typescript和react设置了一个应用程序。渲染器中的react组件没有以我通常期望的方式响应事件

我已经精简了我的react代码以消除多余的部分，这是我的App.tsx

import React, { useState } from 'react'

console.log("I'm here I'm ready")

const App: React.FC<{}> = () => {
  const [testValue, setTestValue] = useState(0)

  const handleClick = () => {
    console.log('incrimenting test value')
    setTestValue(s => s++)
  }

  return (
    <div>
      <button onClick={handleClick}>click me</button>
      <p>Test value is: {testValue}</p>
    </div>
  )
}

export default App

import React，{useState}来自“React”
log（“我在这里，我准备好了”）
常量应用程序：React.FC=（）=>{
常量[testValue，setTestValue]=useState（0）
常量handleClick=（）=>{
console.log（'证明测试值'）
setTestValue（s=>s++）
}
返回(
点击我
测试值为：{testValue}

)
}
导出默认应用程序

这是它运行时的样子

单击按钮不起任何作用。我希望它记录“证明测试值”，并更改按钮下显示的值

知道我哪里出错了吗

---

编辑：如果您想签出我的网页包configs、package.json等，这里有一个git repo

我通过降级到

react@16.13.1

和

反应-dom@16.13.1

从17.0.1开始

---

编辑：今天找到了一个真正的解决方案。我愚蠢地在index.html中添加了bundle.js的脚本标记，这导致了两个虚拟DOM。删除此项并让webpack附加bundle.js for me后，行为恢复正常。

您能否先尝试按照文档中的规定修复该安全问题（尽管这不应该是一个问题）。另外，另一个建议是包括函数参数和组件的类型。