React side project--Checkbox 核取方塊

2022 iThome 鐵人賽

DAY 10

自我挑戰組

React 面項目看起來很好吃吧--佐material 調料系列第 10 篇

14th鐵人賽

Vader

2022-09-24 22:22:38

508 瀏覽

分享至

在許多的輸入中很重要的核取方塊

用於登入的勾選，資料的選取等等

利用 checked 判定核取狀況

onChange 來動作通常使用習慣是用 usestate 在這邊設定狀態
color 可以用來設定顏色

const [checked, setChecked] = useState(true);

再將輸入值設定哪時候勾選

  <FormControlLabel
                  label="同意條款"
                  control={
                    <Checkbox checked={checked} onChange={handleChange}
                    color="success" 
                    />
                  }
                />

Day10