javascript - 我应该为输入字段使用受控的 React 组件(安全方面)吗？

Question

我为密码输入字段制作了一个 React 控制组件:

onPasswordChange(ev) {
  this.setState({
    passoword: ev.target.value
  });
}

<input
  value={this.state.password}
  onChange={this.onPasswordChange}
>

如您在下图中所见，如果组件受到控制，我们可以在检查该元素时看到密码值。我的问题是:这是控制密码输入的正确方法吗？ (安全方面)。

我知道我可以在输入字段上使用 ref={}，但我想知道处理密码字段的最佳实践。

Answer 1

这是个有趣的问题，但我认为这不是真正的问题。据我所知，我认为如果您可以通过使用 document.getElementById('passwordInputId').value 访问检查器，那么您始终可以访问输入字段的值。设置密码类型是为了让你身后的人看不到你在写什么。 This is a good example of what I'm talking about .

所以你可能应该将受控组件与状态一起使用，因为这是 React 推荐的方式，最好是 avoid refs .