? ? ? ?開發(fā)中遇到一個(gè)需要優(yōu)化的性能，頁面需要渲染很多table，而且可以自己添加table，所以就導(dǎo)致router改變時(shí)，清除這些DOM結(jié)構(gòu)就會(huì)很慢，這就給用戶造成不好的體驗(yàn)。

問題所在：清除渲染過多的DOM結(jié)構(gòu)才導(dǎo)致遲緩；

解決方案：引入的table頁面作為一個(gè)子組件，存在切換table顯示內(nèi)容的功能，所以就可以傳入一個(gè)bool類型的show值，作為是否渲染DOM結(jié)構(gòu)的判斷，只有切換到該table才返回DOM結(jié)構(gòu)，否則返回null，頁面就只會(huì)渲染目前顯示的table，而其他的table沒有渲染，這樣就解決了渲染過多的DOM而導(dǎo)致清除耗時(shí)長(zhǎng)的問題。

? ? ? ?性能優(yōu)化： 可以盡量只渲染當(dāng)前需要顯示的內(nèi)容，其他內(nèi)容只有在需要顯示的時(shí)候才渲染，而不是一開始就將所有的內(nèi)容都渲染。

?

?

?

? ? ? ??

更多專業(yè)前端知識(shí)，請(qǐng)上 【猿2048】www.mk2048.com

總結(jié)

以上是生活随笔為你收集整理的react-性能优化的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。