Create a React component that displays 'Welcome!' for 5 seconds and then changes to 'Goodbye!'.

Easy

Problem Statement

Sample Output

Initially: Welcome!
 After 5 seconds: Goodbye!

Limits

Time: 2s · Memory: 256 MB

Code Editor

00:00

Try your code in this preview. Submit marks it done.

import React, { useState, useEffect } from "react";
 
 const TimedMessage = () => {
  const [message, setMessage] = useState("Welcome!");
 
  useEffect(() => {
  // Change the message after 5 seconds
  }, []);
 
  return <div>{message}</div>;
 };
 
 export default TimedMessage;

Open Sandbox

Programming Exercises

Create a React component that displays 'Welcome!' for 5 seconds and then changes to 'Goodbye!'.

Problem Statement

Sample Output

Limits

Hint 1