鍍金池/ 問答/iOS  HTML/ react動態(tài)設(shè)置disabled屬性在Safari中不生效

react動態(tài)設(shè)置disabled屬性在Safari中不生效

render(){
     var disabled=false;
     
     !this.state.beginTime?(disabled=true):(disabled=false) 
     
     return <button disabled={disabled}>點(diǎn)擊</button>
}

根據(jù)beginTime的變化,動態(tài)設(shè)置diasbled屬性
這段代碼在chrome和Firefox里面可以正常運(yùn)行,但是Safari里不起作用也沒有報(bào)錯。Safari的版本是11.1.2。

回答
編輯回答
扯不斷

render里面不用加return 的嗎?

2018年4月6日 01:20
編輯回答
誮惜顏

不生效是什么意思? 是disabled值為false,還是值為true但是沒有禁用的效果呢?

另外你這個代碼寫的不太好,可以這么寫:

render(){
     <button disabled={!this.state.beginTime}>點(diǎn)擊</button>
}
2017年6月7日 13:40
編輯回答
荒城

問題已經(jīng)解決。
這種寫法沒有問題,只是new Date處理的時間格式在safari中不兼容,導(dǎo)致相關(guān)的值一直是undefined,所以disabled屬性才會不生效。

2017年4月12日 23:32