Javascript 关闭React应用程序中所有输入的自动完成功能

说明如何使用jQuery关闭整个HTML文档的

自动完成

如果没有jQuery，是否有办法关闭应用程序中所有输入的“关闭”React的等效
自动完成

我不太熟悉jQuery，否则我会尝试自己转换函数。
您可以用

<input name="myinput" placeholder="enter your name" value={this.input.myinput} autocomplete="off" />

您可以在表单的父级上使用
autocomplete=“off”
，这将关闭整个表单

<form method="post" action="/form" autocomplete="off">
[…]
</form>


[…]
您正在链接的帖子只是在加载文档时将autocomplete off属性指定给文档。您可以通过使用vanilla JS完成jQuery所做的事情，如下所示。然而，我会建议一种更“反应”的方式，根据你想要完成的逻辑来做事情

var foo = document.querySelector("input"); 
foo.setAttribute("autoComplete", "off");

要在React中禁用输入字段的自动完成，我们需要将输入字段的自动完成属性设置为“new password”



这将关闭输入的自动完成功能。
在元素中使用此功能：

autoComplete:'off' 

你建议把这个放在哪里？我在我最顶层的组件中进行了尝试，但几乎没有成功，因为在调用
setAttribute
时会设置属性，所以在最顶层的组件中它不起作用。放置的位置取决于渲染输入的位置。如果是多个输入，则需要
querySelectorAll
或
getElementsByTagName
并在列表中的节点上迭代，设置属性。这将在该组件重新呈现时设置输入字段的分配。在该组件中包装我的整个最上面的组件（特别是
），只要所有其他输入没有包装在另一个
表单中
就行了。。。在我的应用程序中打断其他内容的原因你可以在这里阅读：你能澄清一下你的答案与这个问题的答案有什么实质性的不同吗？