Question

感谢这里的出色工作。我是reactJS的新手，并用它构建我的应用程序视图层。

我试图在页面完全加载后3秒钟创建一个带有消息加载的标题，我不知道从这里开始。

谷歌搜索效果不佳，所以我向开发者社区寻求帮助。

这是我想要做的事情：当页面加载完成后，我想在页面加载完成后加载标题2秒。

请好，我是新手。

Answer 1

这样的东西？

＆＃13;

class Home extends React.Component {
    constructor() {
       super();
       this.state = {
          showHeader: false
       }
    }

    componentDidMount() {
       setTimeout(() => this.setState({showHeader: true}), 2000);
    }

    render() {
       return (
           this.state.showHeader && <div>Header</div>
       );
     }
}

ReactDOM.render(<Home/>, document.getElementById('app'))

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

<div id='app'/>

＆＃13;

如何在reactjs上加载页面时显示组件

1 个答案: