Write a component that renders a checkbox and displays 'Checked' or 'Unchecked' based on its state.

Easy

Problem Statement

Sample Output

Unchecked (initially), changes to Checked when the checkbox is checked.

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 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;

Open Sandbox

Programming Exercises

Write a component that renders a checkbox and displays 'Checked' or 'Unchecked' based on its state.

Problem Statement

Sample Output

Limits

Hint 1