有没有办法在 React 中隐藏密码输入的值？

Question

我有这个代码用于输入 type="password"

<input
  type="password"
  id="password"
  value={form.password}
  onChange={handlePasswordChange}
/>

它有效，但我注意到，在开发者控制台“Elements”中，您实际上可以看到密码字段的值：

<input type="password" class="form-control undefined" value="qwerty">

这样显示密码可以吗？有办法隐藏它吗？我应该使用非受控组件而不是受控组件吗？

Answer 1

type="password"只是表面上隐藏了密码。输入值始终可以通过 JS 访问（使用它的.value属性）。因此，当有人打开 DevTools 时，他或她无论如何都可以获得密码。