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

鍍金池/ 問(wèn)答/HTML/ react如何控制一個(gè)組件的顯示和隱藏，且隱藏后該組件的js程序還在運(yùn)行

react如何控制一個(gè)組件的顯示和隱藏，且隱藏后該組件的js程序還在運(yùn)行

問(wèn)題描述

react如何控制一個(gè)組件的顯示和隱藏，且隱藏后該組件的js程序還在運(yùn)行

問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法

嘗試控制display屬性不知可否

相關(guān)代碼

// 請(qǐng)把代碼文本粘貼到下方（請(qǐng)勿用圖片代替代碼）

你期待的結(jié)果是什么？實(shí)際看到的錯(cuò)誤信息又是什么？

期待組件隱藏后還在運(yùn)行

回答
編輯回答
舊言

react呢不提倡對(duì)dom元素的操作。
元素的隱藏與顯示當(dāng)然是css的事。比如：

.show {
    display: block;
}
.hidden {
    display: none;
}

那么：

<div className={isShow ? 'show': 'hidden'}/>

建議你，不顯示的內(nèi)容直接unmount掉，這樣就不會(huì)出現(xiàn)你的那種情況了。eg:

{isShow ? <div className='show'/>}
2018年8月29日 16:54
編輯回答
北城荒

css 控制 display

2018年1月23日 15:30
編輯回答
悶油瓶

css

  • display
  • opacity(不推薦，可能會(huì)引起遮蓋)
  • visibility
2017年10月10日 13:29
編輯回答
荒城

你如果需要控制在頁(yè)面上看不到之后，代碼還繼續(xù)執(zhí)行，只能給根元素設(shè)置display屬性

2018年1月5日 08:34