反应：onClick 没有触发

Question

我正在为一个相当简单的项目尝试 React，作为初学者，我首先尝试创建一个简单的可点击按钮，该按钮会导致弹出警报。

代码如下所示：

import "./styles.css";
import React from "react";

export default function App() {
  
   const handleClick =()=>{
   alert("Random text");
   }
  
   return (
   <div>
       <button onClick={() => handleClick()}>BUTTON</button>
   </div>
   );
}

或者，点击可以这样处理，结果一样：

function handleClick(){
        alert("Random text");
      }

或者，onClick 事件可以这样归因，结果相同：

return (
    <div>
     <button onClick={handleClick}>BUTTON</button>
    </div>
  );

问题： 在浏览器上运行通过 VSCode 完成此操作后，我 return 完全按照预期的方式编辑了按钮，但是当我单击它时没有任何弹出。

如果我将 <button onClick={handleClick}>BUTTON</button> 更改为 <button onClick={handleClick()}>BUTTON</button>，警报将在按钮和网页之前呈现，而按钮点击仍然 return 没有任何内容。

完全相同的代码片段，当运行在 React 沙箱上时 return 预期结果。所以，我猜测 VSCode 或 React 安装可能存在问题。过去我很少运行遇到 VSCode 的问题，所以我还没有为这个项目尝试过不同的 IDE。

如有任何帮助或提示，我们将不胜感激！谢谢！

Answer 1

代码运行良好。一定是你安装的react 什么的有问题...

反应：onClick 没有触发

React: onClick is not triggering

javascript

button

reactjs

visual-studio-code