禁用 admin-on-rest SimpleForm 的自动完成功能

Question

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

<SimpleForm autoComplete="off">

但似乎没有任何作用。是否可以以这种方式进行定制，或者是否需要创建自己的组件？我需要它专门用于 AOR（而不是反应管理）。预先感谢您的任何帮助。

Answer 1

我认为您可能很难理解如何禁用自动完成功能，所以这里有一个补充：

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

autocomplete是一个HTML attributeforinput元素。可能的值为on和off。

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

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

我如何将其应用到 React 中？

React 始终为 DOM 提供以 JavaScript 为中心的 API。由于 React 组件通常同时采用自定义和 DOM 相关的 props，因此 React 使用驼峰命名约定，就像 DOM API 一样

来源

结论是，您必须将属性 autoComplete设置为off这些组件（又名输入字段），而不是输入字段周围的 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.

查看源代码后，我发现 AOR 使用TextFieldof material-ui，它接受autoComplete作为属性。

所以，如果你要么通过了input={{ autoComplete: 'off' }}，要么options={{ autoComplete: 'off' }}你就可以走了。