React `style`属性报错:请帮忙检查Home组件代码
问题定位与修复方案
嘿,我找到触发这个错误的原因啦!你看Sign In按钮那一行的代码:
<button onClick={this.onSignIn} style="">Sign In</button>
React的style属性和原生HTML的写法不一样,它必须接收一个样式对象,而不是字符串格式的值。哪怕你不需要给按钮加任何样式,也不能传空字符串"",这就违反了React对style属性的类型要求,所以才会抛出那个错误。
修复方法(二选一即可)
- 直接移除多余的
style属性:
<button onClick={this.onSignIn}>Sign In</button>
- 传入空对象(如果之后打算给按钮加样式,这种写法更方便后续扩展):
<button onClick={this.onSignIn} style={{}}>Sign In</button>
另外注意到你Sign Up部分的代码被截断成...了,如果之后补全代码时,其他元素也出现了类似把字符串传给style属性的情况,记得用同样的方式修正哦~
内容的提问来源于stack exchange,提问作者Mohsin
相关产品推荐
相关产品推荐

