Write a React component that toggles between 'ON' and 'OFF' when a button is clicked.
EasyProblem Statement
Write a React component that toggles between 'ON' and 'OFF' when a button is clicked.
Sample Output
Initially: OFF After clicking the button: ON, OFF, etc.
Limits
Time: 2s · Memory: 256 MB
Code Editor
00:00
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;
Expected Output
Initially: OFF After clicking the button: ON, OFF, etc.