React中onClick点击事件报错的解决方法咨询

嘿，我来帮你搞定这个问题～你碰到的报错是因为React的onClick属性要求传入一个函数作为事件处理逻辑，但你现在直接写了Window.href='https://github.com/'，这本质是一个赋值操作，它的返回值是字符串类型，完全不符合React的要求，所以才会抛出这个错误。

给你两种简单的解决办法：

方法一：用箭头函数直接包裹跳转逻辑 #

把按钮代码改成这样就行：

<button onClick={() => window.location.href='https://github.com/'} className="btn btn-github" >

这里用箭头函数把跳转语句包起来，onClick就接收到了一个合法的函数，点击按钮时就会执行里面的跳转操作啦。

方法二：抽成单独的事件处理函数 #

如果后续你还要给这个点击事件加更多逻辑，可以把它单独定义成一个函数，代码会更清晰：

// 先定义处理函数
const goToGithub = () => {
  window.location.href = 'https://github.com/';
};

// 按钮里调用这个函数
<button onClick={goToGithub} className="btn btn-github" >

另外还要提醒你一下：你写的Window要改成小写的window哦，JavaScript的全局对象是小写的window，大写的话可能会出现其他问题～

备注：内容来源于stack exchange，提问作者Malik Wahab