reactjs - 如何在 Redux-Form 中禁用 Chrome 自动完成功能

Question

我正在使用 React redux-form 输入，这是我的代码：

return (
        <Field
          key={name}
          component={SurveyField}
          type="text"
          label={label}
          name={name}
          autocomplete="off"
        />
      );

我不希望 chrome 自动完成表单。我都试过了，但都没有。

autocomplete="off"
autoComplete="off"

我想 Chrome 只是忽略了自动完成。我看过其他 StackOverflow 问题，但它们没有帮助。

标签： reactjs

Answer 1

我发现将 autocomplete 属性添加到<input autoComplete="off"/>组件回调函数中定义的标记，而不是依赖于 redux-form<Field />标记将此属性传递给 DOM 将在生成的 html 中正确设置此属性，autocomplete="off"并将按预期工作。