githubmirror/jest

examples/react-testing-library/CheckboxWithLabel.js

18 строк451 B

Chang Wei

examples: use right way to reverse state in examples code 'CheckboxWithLabel.js' (#14184)

21 июн 2023, 12:05

21 июн 2023, 12:054aae8e9

// Copyright (c) Meta Platforms, Inc. and affiliates.. All Rights Reserved.

import {useState} from 'react';

export default function CheckboxWithLabel({labelOn, labelOff}) {
  const [isChecked, setIsChecked] = useState(false);

  const onChange = () => {
    setIsChecked(draft => !draft);
  };

  return (
    <label>
      <input type="checkbox" checked={isChecked} onChange={onChange} />
      {isChecked ? labelOn : labelOff}
    </label>
  );
}