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

鍍金池/ 問答/HTML/ React通過setState禁止用戶點擊

React通過setState禁止用戶點擊

場景: 前端發(fā)完請求后頁面顯示loading狀態(tài),此時需要禁止用戶操作,通過setState

this.setState({loading: true})

添加給外層容器添加pointer-events: none樣式

<div style={{pointerEvents: this.state.loading ? 'none' : 'auto'}}> </div>

然而,由于setState是異步此時用戶還可以亂點擊。。。
這種情況應(yīng)該如何處理?只能用DOM操作了嗎?

回答
編輯回答
溫衫

加一個z-index較高透明背景的loading

2018年9月9日 07:36
編輯回答
賤人曾

給loading添加透明背景也是一種解決辦法

2017年9月6日 22:14