react 开发的时候问题,当一个页面有两个状态,空和有数据,此时空则显示无数据,非空则渲染数据,此时页面进来,一开始是空渲染了无数据提示,但是接口马上过来渲染页面变成有数据,导致页面闪烁,如何处理,
时间: 2024-04-01 16:36:02 浏览: 92
可以在页面渲染之前,先通过接口请求数据,如果数据为空,则渲染无数据提示,如果有数据,则直接渲染数据,这样就避免了页面闪烁的问题。如果请求数据的时间过长,可以在页面上添加一个 loading 动画,等数据请求完成后再渲染页面。另外,可以使用 React 的生命周期函数 `componentDidMount`,在组件挂载后再进行数据请求和页面渲染,这样也可以避免页面闪烁的问题。
阅读全文