【问题标题】：disabling autocomplete for admin-on-rest SimpleForm禁用 admin-on-rest SimpleForm 的自动完成功能
【发布时间】：2018-10-15 11:34:10
【问题描述】：

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

<SimpleForm autoComplete="off">

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

【问题讨论】：

标签： reactjs admin-on-rest

【解决方案1】：

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

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

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

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

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

如何将它应用到 React？

React 一直为 DOM 提供以 JavaScript 为中心的 API。由于 React 组件通常采用自定义和 DOM 相关的 props，因此 React 使用 camelCase 约定，就像 DOM API 一样

Source

结论是，您必须将属性 autoComplete 设置为 off 在那些 components aka input 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，我发现AOR 使用material-ui 的TextField，它接受autoComplete 作为属性。

所以如果你通过input={{ autoComplete: 'off' }} 或options={{ autoComplete: 'off' }} 你应该很高兴。

【讨论】：

在发布我的答案之前，我也尝试过这个。不幸的是，它没有帮助。我想必须重写 admin-on-rest 组件才能达到这种效果。
@AlgorithmFromHell 你能试试<TextInput options={{ autoComplete: 'off' }} />吗？
啊，我没注意到options 位。像魅力一样工作！谢谢。

【解决方案2】：

没有。这在 Chrome 上是不可能的

以前你可以设置autoComplete="off"，但现在不能设置了，因为谷歌浏览器现在允许你控制它了。

【讨论】：