react动态设置disabled属性在Safari中不生效

render(){
     var disabled=false;
     
     !this.state.beginTime?(disabled=true):(disabled=false) 
     
     return <button disabled={disabled}>点击</button>
}

根据beginTime的变化,动态设置diasbled属性
这段代码在chrome和Firefox里面可以正常运行,但是Safari里不起作用也没有报错。Safari的版本是11.1.2。

阅读 9.5k
3 个回答
✓ 已被采纳新手上路,请多包涵

问题已经解决。
这种写法没有问题,只是new Date处理的时间格式在safari中不兼容,导致相关的值一直是undefined,所以disabled属性才会不生效。

不生效是什么意思? 是disabled值为false,还是值为true但是没有禁用的效果呢?

另外你这个代码写的不太好,可以这么写:

render(){
     <button disabled={!this.state.beginTime}>点击</button>
}

render里面不用加return 的吗?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题