复选框 Checkbox

const SelectServer = () => {
  const [server, setServer] = useState(false)
  return (
    <>
      <Checkbox checked={server} setValue={setServer}>
        便宜
      </Checkbox>
      <Checkbox checked={server} setValue={setServer}>
        快速
      </Checkbox>
      <Checkbox checked={server} setValue={setServer}>
        稳定
      </Checkbox>
    </>
  )
}
 
export default SelectServer

const CheckboxDisabled = () => {
  const [server, setServer] = useState(false)
  return (
    <>
      <Checkbox checked={server} setValue={setServer}>
        便宜
      </Checkbox>
      <Checkbox checked={server} setValue={setServer}>
        快速
      </Checkbox>
      <Checkbox checked={false} setValue={setServer} disabled>
        稳定
      </Checkbox>
    </>
  )
}
 
export default CheckboxDisabled

const CheckboxCallback = () => {
  const [checked, setChecked] = useState(false)
  const handleCheck = checked => {
    console.log(checked)
  }
  return (
    <>
      <Checkbox
        checked={checked}
        setValue={setChecked}
        onCheck={handleCheck}
        onUncheck={handleCheck}>
        点我
      </Checkbox>
    </>
  )
}
 
export default CheckboxCallback