[Day 9] 漂亮的输入框 TextField 文本框

Day 8
从Day8 fork一份开始
昨天提到了登入 才发现 文本框没有介绍到

可用於各项输入

<Input
                    id="standard-adornment-password"
                    type={values.showPassword ? "text" : "password"}
                    value={values.password}
                    onChange={handleChange("password")}
                    endAdornment={
                      <InputAdornment position="end">
                        <IconButton
                          aria-label="toggle password visibility"
                          onClick={handleClickShowPassword}
                          onMouseDown={handleMouseDownPassword}
                        >
                          {values.showPassword ? (
                            <Visibility />
                          ) : (
                            <VisibilityOff />
                          )}
                        </IconButton>
                      </InputAdornment>
                    }
                  />

比较特别的是 可以用React状态控制 去选择显示密码与否

一般常用的样式都可在元件中快速取用