Write a component that renders a checkbox and displays 'Checked' or 'Unchecked' based on its state.
EasyProblem Statement
Write a component that renders a checkbox and displays 'Checked' or 'Unchecked' based on its state.
Sample Output
Unchecked (initially), changes to Checked when the checkbox is checked.
Limits
Time: 2s · Memory: 256 MB
Code Editor
00:00
import React, { useState } from "react";
const CheckboxStatus = () => {
const [isChecked, setIsChecked] = useState(false);
const handleChange = () => {
// Update the checkbox state
};
return (
<div>
<input type="checkbox" onChange={handleChange} />
<p>{isChecked ? "Checked" : "Unchecked"}</p>
</div>
);
};
export default CheckboxStatus;
Expected Output
Unchecked (initially), changes to Checked when the checkbox is checked.