我如何让react渲染它？
<input
id={field.name}
className="form-control"
type="text"
placeholder={field.name}
autocomplete="off"
{...field}/>
React 不会关闭自动完成功能
IT技术
html
reactjs
google-chrome
2021-03-26 00:32:46
6个回答
大写“C” autoComplete。React 文档中提到了这一点：
https://facebook.github.io/react/docs/tags-and-attributes.html
你应该把：
autoComplete="new-password"
这将删除自动完成
根据Mozilla 文档，您必须设置一个无效值才能真正关闭自动完成功能。在某些浏览器中，即使该属性设置为关闭，仍会提供自动完成建议。
这对我有用（react引导）：
<FormControl
value={this.state.value}
autoComplete="nope"
{...props}
/>
如果您已阅读正确答案但仍有此问题（尤其是在 Chrome 中），欢迎来到俱乐部...所以请检查我是如何完成的：
<form autoComplete="new-password" ... >
<input name="myInput" type="text" autoComplete="off" id="myInput" placeholder="Search field" />
</form>
笔记
- 表单不一定需要是输入元素的直接父元素
- 输入需要一个名称属性
- 它也适用于 React-Bootstrap
<FormControl/>标签（而不是<input/>）
autoComplete="none" - 对我有用。