为 admin-on-rest SimpleForm 禁用自动完成

Question

是否可以禁用 AOR SimpleForm 组件的自动完成功能？我尝试了以下各种组合：

<SimpleForm autoComplete="off">

但似乎没有任何效果。它可以以这种方式定制还是需要创建自己的组件？我需要它专门用于 AOR（不是 react-admin）。在此先感谢您的帮助。

Answer 1

我认为您可能对如何禁用自动完成的基本理解感到困惑，所以这里有一个补充：

如何在 HTML 中禁用自动完成功能？

autocomplete 是 HTML attributefor input 个元素。可能的值为 on 和 off.

您可以像这样使用它来禁用自动完成功能：

<input type="email" name="email" autocomplete="off">

我如何将其应用于 React？

React has always provided a JavaScript-centric API to the DOM. Since React components often take both custom and DOM-related props, React uses the camelCase convention just like the DOM APIs

Source

结论是，您必须将属性 autoComplete 设置为 off 那些 组件也就是输入fields，而不是在输入字段周围的 from 元素上。

例子

import React from "react";
import ReactDOM from "react-dom";

import "./styles.css";

function App() {
  return (
    <div className="App">
      <input name="email" autoComplete='off' />
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

在您的情况下，这些组件可能称为 TextInput。

After looking at the source, I've found out that AOR uses TextField of material-ui，它接受 autoComplete 作为属性。

因此，如果您通过了 input={{ autoComplete: 'off' }} 或 options={{ autoComplete: 'off' }}，您就可以开始了。

Answer 2

没有。这在 Chrome

上是不可能的

以前可以设置autoComplete="off"，现在不行了，因为GoogleChrome现在可以控制了。

为 admin-on-rest SimpleForm 禁用自动完成

disabling autocomplete for admin-on-rest SimpleForm

reactjs

admin-on-rest

如何在 HTML 中禁用自动完成功能？

我如何将其应用于 React？

例子