Write a React component that toggles between 'ON' and 'OFF' when a button is clicked.

Easy

Problem Statement

Sample Output

Initially: OFF
 After clicking the button: ON, OFF, etc.

Limits

Time: 2s · Memory: 256 MB

Code Editor

00:00

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

import React, { useState } from "react";
 
 const ToggleButton = () => {
  const [isOn, setIsOn] = useState(false);
 
  const handleToggle = () => {
  // Toggle the isOn state
  };
 
  return (
  <div>
  <p>{isOn ? "ON" : "OFF"}</p>
  <button onClick={handleToggle}>Toggle</button>
  </div>
  );
 };
 
 export default ToggleButton;

Open Sandbox

Programming Exercises

Write a React component that toggles between 'ON' and 'OFF' when a button is clicked.

Problem Statement

Sample Output

Limits

Hint 1