You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React `style`属性报错:请帮忙检查Home组件代码

问题定位与修复方案

嘿,我找到触发这个错误的原因啦!你看Sign In按钮那一行的代码:

<button onClick={this.onSignIn} style="">Sign In</button>

React的style属性和原生HTML的写法不一样,它必须接收一个样式对象,而不是字符串格式的值。哪怕你不需要给按钮加任何样式,也不能传空字符串"",这就违反了React对style属性的类型要求,所以才会抛出那个错误。

修复方法(二选一即可)

  1. 直接移除多余的style属性:
<button onClick={this.onSignIn}>Sign In</button>
  1. 传入空对象(如果之后打算给按钮加样式,这种写法更方便后续扩展):
<button onClick={this.onSignIn} style={{}}>Sign In</button>

另外注意到你Sign Up部分的代码被截断成...了,如果之后补全代码时,其他元素也出现了类似把字符串传给style属性的情况,记得用同样的方式修正哦~

内容的提问来源于stack exchange,提问作者Mohsin

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.29 06:44:59