在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/人工智能  網(wǎng)絡(luò)安全/ material-ui Drawer組件問題

material-ui Drawer組件問題

material-ui從1.0測(cè)試版切到正式版以后,發(fā)現(xiàn)Drawer組件出現(xiàn)問題,無(wú)法從隱藏變更到顯示狀態(tài)。
<Drawer
anchor="bottom"
open={this.state.bottom}
onClose={this.toggleDrawer('bottom', false)}>

以上是官網(wǎng)demo的調(diào)用例子,通過open的屬性true或者false來控制顯示和隱藏,我默認(rèn)值為false,變更成true后組件不會(huì)顯示,如果默認(rèn)值是true,頁(yè)面內(nèi)組件默認(rèn)是顯示的,變更成false后會(huì)觸發(fā)隱藏動(dòng)作,但是繼續(xù)變更為true,則無(wú)反應(yīng)了。
簡(jiǎn)單說就是從true變更到false組件正常顯示,從false變更到true則無(wú)反應(yīng),有人碰到這個(gè)問題嗎?

clipboard.png
這是我本地調(diào)試代碼,console能正常打印默認(rèn)值false和變更后的true。

回答
編輯回答
薄荷綠

經(jīng)排查,發(fā)現(xiàn)open值變更為true后其實(shí)組件已經(jīng)掛載到dom里面了,在chrome調(diào)試模式下發(fā)現(xiàn)多了個(gè)visibility: hidden;屬性,手動(dòng)勾掉就能顯示組件,只是不明白為什么open為true會(huì)有這個(gè)屬性,按理應(yīng)該是去掉的。

感覺好坑,github上有人提了Issues,必須react16.3以上版本才能正常使用,不然就會(huì)有visibility: hidden;這個(gè)問題。

2017年9月5日 04:45