如何在 React 中正确绑定 onClick 事件避免字符串赋值错误

React 中 onClick 期望接收一个函数，若直接写 onClick={window.href='...'} 会立即执行赋值并返回字符串，导致类型错误；正确做法是传入箭头函数或命名函数来延迟执行。 react 中 `onclick` 期望接收一个函数，若直接写 `onclick={window.href='...'}` 会立即执行赋值并返回字符串，导致类型错误；正确做法是传入箭头函数或命名函数来延迟执行。在 React 中，事件处理函数（如 onClick）必须是函数引用，而非函数调用结果或任意值。常见错误如以下代码：<button onClick={window.location.href = 'https://github.com/'} className="btn btn-github"> Visit GitHub</button>这段代码会在组件渲染时立即执行 window.location.href = '...'，将其赋值为字符串 'https://github.com/'，而 onClick 实际接收到的是该字符串值（string 类型），违反了 React 的事件处理器类型约束，因此控制台报错：Expected onclick listener to be a function, instead got a value of string type? 正确写法：使用箭头函数包裹执行逻辑，确保 onClick 接收的是函数：<button onClick={() => { window.location.href = 'https://github.com/'; }} className="btn btn-github"> Visit GitHub</button>?? 注意事项：不要漏掉 () 和 {}：() => {...} 是函数定义；() => ...（无大括号）仅适用于单表达式且需显式 return； 文心快码 文心快码（Comate）是百度推出的一款AI辅助编程工具