小编Sim*_*hay的帖子

在 React 中使用受控输入时，自动完成功能在 Firefox 中不起作用，但在 Chrome 中起作用。因此，它与表单元素上的属性自动完成功能无关，因为我没有使用它。

这是我用来渲染受控输入元素的代码：

<input style={inputStyle} id={this.props.id} type={this.props.type} placeholder={this.props.placeholder} value={this.props.value} onChange={this.props.onChange} />

这是从父组件传递到该组件的 onChange 函数（对于电子邮件字段）：

_updateEmail(event) {
    this.setState({email: event.target.value.substr(0, 100)});
}

这里有 2 个屏幕截图，显示它在 Firefox 中不起作用，但在 Chrome 中可以。

铬合金：

火狐浏览器：

如果我将受控输入转换为普通输入，它确实可以在 Firefox 中使用。这就是真正奇怪的部分。