场景: 前端发完请求后页面显示loading状态,此时需要禁止用户操作,通过setState
this.setState({loading: true})
添加给外层容器添加pointer-events: none
样式
<div style={{pointerEvents: this.state.loading ? 'none' : 'auto'}}> </div>
然而,由于setState是异步此时用户还可以乱点击。。。
这种情况应该如何处理?只能用DOM操作了吗?
场景: 前端发完请求后页面显示loading状态,此时需要禁止用户操作,通过setState
this.setState({loading: true})
添加给外层容器添加pointer-events: none
样式
<div style={{pointerEvents: this.state.loading ? 'none' : 'auto'}}> </div>
然而,由于setState是异步此时用户还可以乱点击。。。
这种情况应该如何处理?只能用DOM操作了吗?
4 回答1.7k 阅读
2 回答1.1k 阅读✓ 已解决
2 回答2.6k 阅读
1 回答962 阅读✓ 已解决
1 回答689 阅读✓ 已解决
2 回答851 阅读✓ 已解决
2 回答1k 阅读
给loading添加透明背景也是一种解决办法