当页面加载到reactjs时如何显示组件

Question

感谢您的出色工作。 我是ReactJS的新手，并以此构建我的应用程序视图层。

我试图在页面完全加载3秒后使标题加载消息，但我不知道从这里开始。

Google搜索效果不佳，因此我要求开发人员社区提供帮助。

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

很好，我是新手。

Answer 1

像这样吗

 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')) 

 <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'/>