[React] checkbox 체크 유무와 state 연동

[DrMaemi]

참조

• DaleSeo - React에서 체크박스 사용하기

Memo

import React from "react";
import Checkbox from "./Checkbox";

function App() {
  const [service, setService] = React.useState(false);
  const [marketing, setMarketing] = React.useState(false);
  return (
    <article>
      <header>
        <h3>체크박스</h3>
      </header>
      <Checkbox checked={service} onChange={setService}>
        (필수) 서비스 이용약관
      </Checkbox>
      <Checkbox checked={marketing} onChange={setMarketing}>
        (선택) 마케팅 수신
      </Checkbox>
      <footer>
        <button disabled={!service}>회원 가입</button>
      </footer>
    </article>
  );
}