برای اینکار می توانیم از متد ()componentDidMount استفاده کنیم.این متد بعد از اینکه کامپوننت رندر شد توسط ریکت فراخوانی می شود.

در این متد می توانیم برای انجام کاری که می خواهیم یک بازه زمانی تنظیم کنیم.

در مثال زیر ابتدا پیام hello نمایش داده می شود و سپس بعد از 10 ثانیه پیام wellcome نمایش داده می شود.

class Header extends React.Component {
  constructor(props) {
    super(props);
    this.state = {message: "hello"};
  }
  componentDidMount() {
    setTimeout(() => {
      this.setState({message: "wellcome"})
    }, 10000)
  }
  render() {
    return (
      <h1>the message is {this.state.message}</h1>
    );
  }
}

ReactDOM.render(<Header />, document.getElementById('root'));