Material-UI 隐藏输入并添加最小/最大字符长度

Question

我有一个文本输入字段和一个注册按钮。由于它是用户要在字段中输入的密码，因此我希望隐藏输入。有关如何实现此功能的任何想法？

如果密码的长度小于 5 个字符且大于 12 个字符，我还希望禁用该字段。（更新：在后端解决！）

如果我使用“正常”前端样式，我至少可以计算出最小和最大长度，但我是第一次尝试 Material UI现在真的找不到关于如何使这项工作的正确信息。

<TextField
 id="Password"
 label="Password"
 value={password}    
 onChange={handlePasswordChange}
 variant="outlined"
/>

<Button variant="contained" color="primary">
   Sign up!
 </Button>

Answer 1

像这样添加type 属性：

<TextField
 id="Password"
 label="Password"
 type="password"
 value={password}    
 onChange={handlePasswordChange}
 variant="outlined"
/>