时间戳

首页 > 解决方案 > 渲染时反应超时

reactjs - 渲染时反应超时

问题描述

我是新来的反应。我想延迟加载内容。当页面加载时，我想显示像 Facebook 中的内容加载器。内容加载速度如此之快，以至于它不会等待显示内容加载器。

    renderPage() {
        const {content} = this.props;

            if (!content) {  
              return <Contentloader>;
            }
            else{
                return <Main content={ content } />;
            }            
     }


   render() {
        return (
            <main>
                 { this.renderPage() }
            </main>
        );
    }

那么如何在其他情况下延迟加载一段时间，以便我可以显示 contentLoader。

标签： reactjs

解决方案

你可以加 ：

this.state = {
 loading: true
}

给你的构造函数。

在渲染中添加超时功能，通过以下方式完成功能：

this.setState({loading: false})

并为您的内容：

let content = <Loader />;
if(this.state.loading === false){
content = ("Your Content"):
}

推荐阅读